React勉強会に参加して簡単なアプリを作成した、というメモ
November 08, 2020
こんにちは、たわらです。
先日、React の勉強会イベントに参加したので、その記録を残しておきます。
34【フロントエンド開発入門】はじめて学ぶ React ハンズオン勉強会｜ JavaScript 初心者可 - connpass
https://npo-fitness-engineer.connpass.com/event/190556/
資料も大変わかりやすくて、声も聞き取りやすかったです。
90 分のハンズオンで、こんなのができました。
React App
https://trusting-pike-0fde48.netlify.app/
ポートフォリオのロゴの二冊目くんが回っています。いい感じです。
二冊目
ほぼコピペで作成したので、深くはぜんぜん理解していませんが、下記所感です。
- コンポーネントという部品を作って、それを大元に読み込ませてページを作成する
- Rails でいう app ディレクトリが src ディレクトリに相当するっぽい（ただし静的ファイルの場所とかは違う）
- npm run-script build コマンドを打つと、本番用のソースが反映された build ディレクトリが作成される
構造的な理解はできませんでしたが（当たり前！）、よくわかんないけど動くものが作れた経験ができてよかったです。フロントエンドも勉強したいと思っていたので、取り掛かりとしてはとてもよい勉強会でした！ 続きのイベントにも参加してみたいです。
資料が見やすいです、どうやって作ったんですか、と質問すると親切に参考サイトを教えてくれました。学習コストがわからないけど、かっこいい資料が作れそうです。感謝！
claat を使って Codelabs 形式のオリジナルハンズオンを作る - My External Storage
たわら