フロントエンド・Reactワークショップ
2022年の2月下旬にマネーフォワードさんの社内勉強会で実施したフロントエンドワークショップの資料です。
特にハンズオンパートではTypeScriptやReactの組み込みフックについての詳細な解説はないので、事前にはてなリモートインターン2021 フロントエンドブートキャンプ 講義資料 - Speaker Deckを合わせて読むのがオススメです。
内容の誤りやtypoなどの指摘は@pastakまでお願いします。
目次
フロントエンドワークショップ DOMとレンダリングパフォーマンス
ざっくりDOM APIの紹介と、ウェブブラウザのレンダリングについての解説です。
フロントエンドワークショップ React入門ハンズオン
本編です。create-react-appを用いて、Reactで仕訳入力画面を作っていくハンズオンになっています。
フロントエンドワークショップ フロントエンドツールチェインについて
create-react-appを剥がしてwebpack+babelなどで設定を書くことを通じて、JSをユーザーに届けるまでのツールチェインについて学びます
更新履歴
2022/02/21 マネーフォワードさんでフロントエンドワークショップを実施
2022/03/04 公開