[官網學 React] Tutorial 介紹
Apr 4, 2021
Tutorial 網址(英文):https://reactjs.org/tutorial/tutorial.html
Tutorial 網址(中文):https://zh-hant.reactjs.org/tutorial/tutorial.html
首先,這個學習指南沒有預期讀的人已經擁有 React 的知識。
所以任何人都可以讀懂這份文件囉~ 讚
在開始前的介紹整個吸引到我的眼球,這是一個做中學的指南,會透過建構一個小遊戲(tic-tac-toe game,井字遊戲)來學習,太酷了吧!我喜歡💛
官網提供的完成結果
黃色區塊是說如果你比較想透過觀念來學習的話,可以去看 Docs。
不過你可能會發現,這兩邊是相輔相成的。
做中學會要了解 Doc 文件的觀念,Doc 也需要透過範例來了解如何運用。
Tutorial 的四大部分
- Setup for the Tutorial 設定
設定起手式,好開始發摟這個 Tutorial - Overview 概論
教 React 的基礎概念,components、props 和 state - Completing the Game 完成遊戲
教在 React 開發中最常見的技術 - Adding Time Travel 加上時間旅行
深入了解React的獨特優勢
開始前需具備
- 對 HTML 和 JavaScript 有一定的熟悉度(若有其他程式語言的基礎也應該能跟得上)
- 熟悉函式(function)、物件(object)、陣列(array)、類別( class)
- 複習 JavaScript 的建議文件:https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript
- 用到 ES6 的箭頭函示、class、let、const
下一篇將進入 Setup for the Tutorial,開始設定起始環境。