React JS 介紹

TonyQ

我是誰

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

什麼是 React ?

幾種說法

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

其實

類型是什麼

一點都不重要

知道該怎麼用

比較重要

什麼是 React 

從範例開始學

TODO MVC
React

TODO MVC
程式碼

 

GIT 好棒棒!

開放原始碼好棒棒!

什麼是 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

React JS 介紹

By TonyQ Wang

React JS 介紹

  • 1,679
Loading comments...

More from TonyQ Wang