React JS 介紹

TonyQ

我是誰

• 嘉義人
• 元智資管肄業
• 網頁系統工程師
• JavaScript.tw 技術社群發起人

什麼是 React ?

幾種說法

• 一個 套件(package)
• 一個 library (lib)
• 一個 framework
• 一個 外掛(plugin)

其實

類型是什麼

一點都不重要

知道該怎麼用

比較重要

什麼是 React 

從範例開始學

TODO MVC
React

TODO MVC
程式碼

 

GIT 好棒棒！

開放原始碼好棒棒！

什麼是 JSX ？

Tutorial: JSX

他要解決的問題是

在 JS 裡面寫 html 超級麻煩

先看出來東西的架構

原始碼

React 最大的問題

因為元件化
所以結構難以全局瀏覽

讓我們跟著架構去探險

<div>

   <header>

      <h1> todos</h1>

      <input type="text" />

   </header>

   <section>

       <input type="checkbox" />

       <ul> 

            <TodoItem> * n

       </ul>

   </section>

   <TodoFooter />

</div>

live coding 

Q & A