因為專題的前端要使用React的技術,不過在這之前好像只學過基本的HTML, CSS, JavaScript,所以想透過這次的鐵人賽好好的把React技術學好,希望接下來專題的系統架設能更順利。
先簡單布局這次學習React的方式:先看React教學的影片,一邊認識React,一邊跟著實作,從過程中對React的架構有基礎認識,之後再針對需要補足的部分在網路上找文章學習。不過目前對React可以說是一點概念也沒有,所以學習路徑也可能會隨時做滾動式調整。
首先是對React的基本認識,什麼是React?
在這裡程式底子完全沒打好的我就已經看不懂了,所以先簡單認識library和framework
Library 傾向用來解決特定的問題,而Framework提供一個框架幫助你建構整個應用程式,就像是一個打包好的超大型工具包。Framework和Library之間的關係是Library包含在Famework之內,簡單理解讓自己有個印象就不多贅述。
為什麼要使用React? 編寫網站可以只靠HTML, CSS, JavaScript 三種語言進行開發,但當網頁架構變大、變複雜,在開發的過程會變得非常複雜且難以維護,使用React可以以組件(把網頁拆成不同的部分)的方式編寫網頁,讓複雜度下降。
而React是屬於Single Page Application (SPA),單頁式應用程式,間單來說React可以一次性的向伺服器請求一個HTML的網頁,避免使用者瀏覽不同的網頁路徑重複提出請求。React會以一個HTML網頁為基礎做動態修改內容,提升流暢度。