iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

React 系列

使用React寫簡單網頁

參賽天數 3 天 | 共 6 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文 團隊i.m.a.c_wishing_well
DAY 1

介紹React

什麼是React? React是由Facebook工程師開發針對UI的前端JavaScript開源函式庫,目前正在被Netflix、Imgur、Insterg...

2017-12-20 ‧ 由 s1410432026 分享
DAY 2

安裝React

首先,建立一個React專案,你會需要用到npm,它是node的套件管理器,所以你必須先下載node,建議下載左邊的LTS(Long-term support)...

2017-12-21 ‧ 由 s1410432026 分享
DAY 3

React專案目錄介紹

安裝完之後你的目錄底下應該會有這些東西 my-app/ .gitignore README.md node_modules/ package.j...

2017-12-22 ‧ 由 s1410432026 分享
DAY 3

React的渲染特性

React要怎麼產生畫面呢?首先我們在專案目錄底下的public找到index.html這個檔案,你會發現它除了一個id叫root的空div什麼都沒有,那它是如...

2017-12-24 ‧ 由 s1410432026 分享
DAY 3

React的元件化特性

React是元件化思考,在專案資料夾下的src資料夾裡面的一個個js就是一個個元件,其中index.js是最大的父元件,它現在包著App這個子元件,並會渲染在h...

2017-12-24 ‧ 由 s1410432026 分享
DAY 3

React的prop與state

首先props是React父元件與子元件間的溝通橋樑,可以看成是個靜態的物件,運作的方式是在父元件給props的值並傳給子元件,然後在子元件讀取,每當父元件傳送...

2017-12-25 ‧ 由 s1410432026 分享