Stay relax. No rush. I like it, so I do it.

React學習資源 (除了這個，本篇其他的資源是英文)


React官方文件我都看了、tic tac toe也跟著做過了、YouTube也不知道看過多少教學....
到07 Jun 2019為止，被我找過的網路資源、包含YouTube FCC等知名帳號，這是我最推薦的React教學!!!

1. 使用"箭頭函式"，就不需要在constructor內寫一堆 bind(this)
2. 從今年二月v16.8.0後確定有了Hook( useState、useEffect) ps.官方在2018年10月底就有先提出hook概念，基本上已經可以一律使用stateless component(無狀態組件)去寫了，程式碼真的會乾淨許多，也比較好閱讀 。 大概長這樣

useState=> React終於有了堪比雙向資料綁定的技能，不需要像以往寫 this.state 要改變值還要再寫setState。

useEffect=> 以往要去理解React生命週期每個部分在做些什麼? ex:調資料要顯示資料會寫在" componentDidMount()" 裡面，現在一律使用useEffect就好。大概長這樣

ps. Class Components = Stateful Components  ;  Functional Components = Stateless Components


3. 使用styled-components，可以直接在.jsx/.tsx/.js/.ts裡面寫CSS (像Vue也可以在.vue檔裡面寫CSS/HTML/JS)，一樣可以寫條件去加CSS，VScode上面有styled-components的插件。大概長這樣

學習/複習兩相宜 很有架構的教學網站，因為學習過程都在打程式碼，對建立自信很有幫助，可惜是舊版的

2019哪些該學?

這篇文章雖然是2018年寫的，前/後端必備技能(我覺得2019也適用) 

Todo App with hook
使用Hook寫Todo的教學

Typescript with React
Free course on Udemy, the course uses pretty new tech (i.e. hooks, context, suspense)

=======Javascript 大補帖 ========
Higher Order Functions  

map, filter, sort, reducer

Object Oriented Programming
Object Literals, Constructors & This, Prototypes & Inheritence, Object.create(), ES6 Classes & Subclasses

using ES6 feature destructuring for passing props and state

Redux w/ hooks