2022年の2月下旬にマネーフォワードさんの社内勉強会で実施したフロントエンドワークショップの資料です。

特にハンズオンパートではTypeScriptやReactの組み込みフックについての詳細な解説はないので、事前にはてなリモートインターン2021 フロントエンドブートキャンプ 講義資料 - Speaker Deckを合わせて読むのがオススメです。

内容の誤りやtypoなどの指摘は@pastakまでお願いします。

ざっくりDOM APIの紹介と、ウェブブラウザのレンダリングについての解説です。

本編です。create-react-appを用いて、Reactで仕訳入力画面を作っていくハンズオンになっています。

create-react-appを剥がしてwebpack+babelなどで設定を書くことを通じて、JSをユーザーに届けるまでのツールチェインについて学びます

2022/02/21 マネーフォワードさんでフロントエンドワークショップを実施

2022/03/04 公開