0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【JavaScript】 海外Teck系YouTuberを真似てみた!(part 3) Task Tracker App | React JS

Last updated at Posted at 2021-02-27

#1,はじめに
この記事は、海外Teck系YouTuberの動画を参考に、同じプロジェクトを作成してみたものになります!

簡単にですが、動画を通して学べた技術や知識をまとめました!

今回の完成品は、下記に載せています:bangbang:

#2,学んだこと
今回はさらに発展して、Reactのモジュール(RouteLink)なども使ってページ遷移も行いました!
async await の技術も使っているので、内容が盛り沢山でした:star:

今回は、

① async await の使い方
② JSONサーバーをローカルの5000portに立ち上げて、そこにデータを保存する方法
③ フォーム画面から値を受け取る方法
④ onClickonToggleonDeleteonDoubleClickonChange

async await の考え方を理解していないと、終盤についていくのが大変でした:joy:

#3,参考動画
IMAGE ALT TEXT HERE

#4,完成品です:tada:
左がJSONサーバーの様子で、右がブラウザ表示になります!

2021-02-28_04h28_37.gif

#5、最後に
今回は、かなり手ごたえがありました!
特にasync await の考え方をもう一度振り返る必要があると感じました!
次回も、Reactを使ったプロジェクトにトライしてみます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?