[FE301] React 基礎(Class component 版)
從基礎開始學習 React
Update:這系列的影片是用 class component 教學,現在已經不推薦購買
React 是一套現代的前端框架,有許多新手其實都學不好。
為什麼?是因為我覺得沒有掌握到 React 的概念以及學習 React 前必須知道的知識:
- state 與 UI 的對應關係
- 改變 state 就會改變 UI 的開發模式
- component
- 物件導向的使用
- webpack 的使用
這堂課要教的重點不是那些工具性的知識(而且這邊 React 是 16.3 版本,不會教到一些新的功能例如說 React hooks),而是希望你能理解 React 到底在幹嘛,Thinking in "React" way。
對於 React,其實我有一套十分推薦的教材:React 小書,是我認為最好的 React 學習教材,建議大家可以先去看一下這個教材並且跟著做,之後學 React 會事半功倍。
看完這堂課以後並不能讓你成為 React 大師,而且 React 生態圈很廣,只憑這一堂課你也沒辦法認識所有相關的東西,也不會上到 react-router 或是 redux。這堂課的目的只有一個,就是幫助你入門 React!對有些初學者來說,入門通常都是最難的,入了門以後其他的都比較輕鬆。
在購買前強烈建議參考課程大綱以及試看影片,避免買到不適合自己的課程。
你的老師
寫過一點後端也寫過前端,還寫了一堆你應該看過卻不知道作者是我的技術文章,致力於推廣淺顯易懂的程式教學。在新加坡工作過兩年半,是專職的前端工程師。一直都對教學有很大的熱忱,相信把話講得清楚又明白是一種專業,相信分享與交流可以讓世界更美好。
我不喜歡把自己講的很厲害,也不喜歡用學經歷說明什麼——我都用作品說話。
底下是我寫過的幾篇文章:
1. 零基礎的小明要如何成為前端工程師?
2. 成為前端工程師的四週年回顧
3. 從拉麵店的販賣機理解什麼是 API
4. 紮實的網頁前端學習路線與資源推薦
5. 當我們在學程式時,要學的到底是什麼?
我在自己的 blog以及 Medium 上面,常常發表許多心得,也曾經免費提供程式教學,希望能幫助那些剛踏入程式界的初心者們。 如果你想更了解我,可以參考:自學、哲學、講學:我的程式之路以及一個工程師的履歷進化史。
在嘗試過許多教學方法之後,終於決定自己跳下來開一個為初學者而生的線上程式課程平台。