recoilを理解する
今更ながらrecoilを勉強したので、そのまとめを書きます。 所感としては、reduxよりも書きやすく、学習コストも低いなと感じました。 基本的には公式ドキュメントをベースに説明しますので、そちらも併せて確認してください。 セットアップ 当たり前の、yarn add recoil。もしくはnpm install recoil。 その上で、RecoilRootで囲っときましょう。 import { RecoilRoot } from "recoil"; export const App: React.FC = () => { return ( <RecoilRoot> <Component /> </RecoilRoot> ); };
storybookを理解する
この記事ではReact, Typescriptをベースにstorybookの全体像に触れていきます。 「storybook、名前は聞いたことある」というレベル感の人に対して、実務でstorybookを使う上での下地を作ることが目的です。そのため、「細かい」と判断した部分は割愛させてもらってます。（あくまで下地） 基本的には公式ドキュメントがベースになっていますので、詳しい説明は公式ドキュメントを確認してください。 storybookとは storybookとはUIのカタログを作るツールで、2022年現在、フロントエンド開発において必要不可欠です。 各componentのUIやpropsに応じた挙動の確認、component単位でドキュメントを用意することを可能にしてくれます。 導入方法 コマンドを打ちましょう。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
