React でToDoListを作成

OVERVIEW

jsのフレームワークであるReactでtodoListのアプリを作りました。

今回はReactのチュートリアルを終えて簡単なtodoアプリを作成した。

今回かなり苦労したのがReact特有のprop,hooksという概念だった。

progateではclassコンポーネントでの設計技法で、それらは今や主流ではないという情報を得てからてんやわんやに。

親コンポーネントの中にコンポーネントがあって・・・そこに関数を渡して・・・。みたいなことをやっていたらかなり時間がたってしまっていた。

なんだかんだで完成してよかったと思う。

一番上のインプットに文字をインプットするとその入力した文字を下に出力し、チェックにクリックすると文字に横線が入る。

ゴミ箱ボタンを押せば、追加されたリストが消えるという簡単なプログラムだ。

これはからはFirebaseなどを勉強して、(Firebaseがなにかあまりわかってない)

小規模なwebアプリを開発しようと考えている。