Skip to content

Instantly share code, notes, and snippets.

@LinZap
Last active April 15, 2016 07:45
Show Gist options
  • Save LinZap/4dbe6fc36223ad45f4e8ad605fc8aa16 to your computer and use it in GitHub Desktop.
Save LinZap/4dbe6fc36223ad45f4e8ad605fc8aa16 to your computer and use it in GitHub Desktop.
Lesson 1 - Getting Started

React 入門

在進入 React 開發的世界前,先確認你對於以下列的幾點有正確認知

  • 什麼是「前端」? 什麼是「後端」?
  • 知道下圖是什麼
    訪問網頁
  • 知道 Node.js 與瀏覽器上的 javascript 是有差的
  • 瞭解 DOM 是什麼

入門

你可以到官方的入門教學中觀看,但我建議可以先體驗這個 React 的 Hello World

你可以修改 Hello World 上的 code 來體驗 React

實際玩 React

當你已經透過 jsFiddle 上的 React Hello World 對 React 有基本了解後。
現在就要來點實際案例,在官方的基礎教學中介紹了一個簡單的 comments box。
簡單的了解後,你可以實際的將這個專案跑起來,先到 GitHub-react-tutorial 上將這個專案 clone 下來, 然後按照 README 的說明將它啟動。

git clone https://github.com/reactjs/react-tutorial.git

在這個過程中,你可能會看到 Babel, prop, state 等關鍵字眼,先別撞牆,請跳過它們,往後的案例中再來解釋。

小結

透過官方的教學與 comments box 這個實際案例,你可以大致了解 React 的運作。
大夥都完成後,我再來發下一篇帶領各位進入真正的 React 的開發。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment