React(参考になりそうなサイト&動画集)

React(参考になりそうなサイト&動画集)

Reactを始める前に読んだ方が良い記事

Reactを使うとなぜjQueryが要らなくなるのか

今から始めるReact入門

なぜ仮想DOMという概念が俺達の魂を震えさせるのか

【React Native入門】Java Scriptでアプリ作ろう【Reactやったことない人向け】

create-react-appを使ってReactでToDoリストを作成するぞ

参考サイト&動画

・React 公式チュートリアル
https://reactjs.org/tutorial/tutorial.html

・Redux 公式チュートリアル-1
https://egghead.io/courses/getting-started-with-redux

・ React Router公式サイト
https://reacttraining.com/react-router/web/example/basic

・動画

  1. Learn React - React Crash Course [2019] - React Tutorial with Examples | Mosh
    https://www.youtube.com/watch?v=Ke90Tje7VS0&t=7471s
    こちらはReactの公式ドキュメントでも紹介されていたのでおすすめです!

  2. React JS Crash Course - 2019
    https://www.youtube.com/watch?v=sBws8MSXN7A

・React応用編

ReactNativeでオープンソースなアプリを開発しました
https://qiita.com/kangyoosam/items/446122ab685617e02501

電卓アプリで学ぶReact/Redux入門
https://qiita.com/nishina555/items/affcb3684e67cd0ee897
https://qiita.com/nishina555/items/9ff744a897af8ed1679b

Reactで誰もがやりたかった10の機能。アプリ構想はあるけど作れない人の壁をぶっ壊す。
https://qiita.com/y_kawase/items/8f1b5a303400a09c4923

Using APIs in React - Create a Weather Application
https://www.youtube.com/watch?v=204C9yNeOYI
https://www.youtube.com/watch?v=P0vsGO4svUM

React Router tutorial for beginners | React Router v4 2018
https://www.youtube.com/watch?v=91F8reC8kvo&t=985s

JavaScript(ES6対応)入門

React始める前にまずES6対応のJavaScriptに慣れる必要があります。
実際、公式のReact tutorialの最初の方にもそんな感じのことが書いてあります。
僕なりに訳してみました。

If you need to review JavaScript, we recommend reading this guide-2. Note that we’re also using some features from ES6 — a recent version of JavaScript. In this tutorial, we’re using arrow functions, classes, let, and const statements.

超超意訳 by Katsuki Niwa
もしJavaScriptを復習する必要があるならこのガイド-2を読みなさい。
このチュートリアルではES6で追加されてた最新のJavaScriptの構文も使っています。
アロー関数、クラス構文、let・constによる変数宣言などです。

*出典: React tutorial

そのために参考になりそうなサイト&書籍をまとめました。


1.Qiitaに参考記事がありました。
2.MDNのサイトに飛びます。