React | アウトプット

React | アウトプット

12月 16, 2020

Reactを学んだので一度アウトプットをしたいと思います。

■作った物

・TODOリスト

React App

Web site created using create-react-app
react-firebase-hosting-2eb3a.web.app

こちらはUdemyのコースで勉強しました。
簡単なTODOリストを作成し、firebaseにデプロイしました。
reactの基本的な始め方を理解しました。

Firebaseの無料チュートリアル - 最短・最速で学ぶ Firebase Hosting + React Todoアプリ実装編 (React Hooks) | Udemy

話題のFirebaseを使ってWebアプリケーションを公開しよう & Todoリ…
www.udemy.com

・チャットボット

Chatbot DEMO

Web site created using create-react-app
chatbot-demo-8cfc3.web.app

こちらはyoutubeで勉強しました。
チャットボットを作成しfirebaseにデプロイしました。

回答のデータはJSONでfirebaseにデータを保存しています。
JSXの記述に慣れ、コンポーネント理解の定着と、ライフサイクルをなんとなく理解しました。

■勉強の所感

ワードプレス案件しかやってこなかった私にとって、まずは環境構築が難関でした。
これを機にターミナル操作や、パッケージのインストールにも抵抗が薄れたのが収穫でした。

React自体は慣れてしまえば書くこと自体は難しくありませんでしたが、Reduxに入ってからは自身が何をしているのかが分からなくなることが多く、学習に苦戦しています。
またReact以前にJavaScriptの理解不足で学習が進めないこともあり、改めてフレームワークを学習する前にJavaScriptをしっかり勉強した方がいいのではと考えました。