<div><div><h2><span class="    ">記事情報</span></h2><iframe title="bookmark" src="/embed/?url=https://zenn.dev/knowledgework/articles/a24f5d1ce44454" class="embed"></iframe><h2><span class="    ">TLDR(ChatGPT  で生成しています)</span></h2><p><span class="    ">2023年8月30日に株式会社ナレッジワークがオフライン勉強会Encraft #6「Focus on UI Component 実装」を開催し、そのレポートを紹介。
Encraftは技術にこだわりを持つ人々が知見を交換する勉強会で、今回のテーマはUIコンポーネントの実装に焦点を当てた。
セッションでは、ButtonとLinkのコンポーネント設計、SmartHR UIの実装と運用、Spindle UIの作成方法などが紹介された。</span></p><h2><span class="    ">メモ</span></h2><p><span class="    ">Button と Link コンポーネント</span></p><li><span class="    ">見た目と振る舞いの分離</span></li><li><span class="    ">振る舞いだけを持つコンポーネント(Clickable, Linkable…)</span></li><li><span class="    ">見た目(Button, Link…)</span></li><p><span class="    ">Smart HR UI</span></p><li><span class="    "><a href="https://github.com/kufu/smarthr-ui" class="text-indigo-500 hover:underline">https://github.com/kufu/smarthr-ui</a></span></li><p><span class="    ">Spindle UI</span></p><li><span class="    ">ブランドデザインをベース</span></li><li><span class="    ">Design Doc を書く</span></li><h2><span class="    ">雑記</span></h2><li><span class="    ">初期開発では、UI コンポーネントを作る機会が多くあったので自分の考え方を整理</span></li><li><span class="    ">会社間で UI コンポーネントを共通化すると新しく開発を始めるときの作り込みが少なくてよさそう</span></li><li><span class="    ">a11y はどのプロダクトでも大事にしている</span></li></div></div>

React 関連記事を読む #1

記事情報

TLDR(ChatGPT で生成しています)

メモ

雑記

TAG

記事情報

TLDR(ChatGPT で生成しています)

メモ

雑記

CATEGORY

TAG