iT邦幫忙

鐵人檔案

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

寫React的那些事 系列

今年從React出發,學習了許多相關的技術,以前常常看IT幫幫忙的文章,希望也能來分享一些什麼,把學會的分享出來,教學相長!

鐵人鍊成 | 共 31 篇文章 | 77 人訂閱 訂閱系列文 RSS系列文
DAY 1

React Day1 - 開發工具簡單說

[前言] 前端技術這幾年真的變化很快,常常會覺得有好多名詞冒出來,這兩年因為工作上的關係開始使用React,透過使用React可以學習到其他現在前端開發熱門的...

2016-12-01 ‧ 由 chiouchu 分享
DAY 2

React Day2 - JSX

JSX React以Component為基礎,我們把相關的介面、功能整合在一起就是一個Component。JSX是一種語法糖,XML-like的Javascr...

2016-12-02 ‧ 由 chiouchu 分享
DAY 3

React Day3 - Virtual DOM與ReactDOM.render

DOM 寫前端最主要就是針對DOM來操作,DOM就是Document Object Model,它表示了HTML結構並提供API讓Javascript操作。所...

2016-12-03 ‧ 由 chiouchu 分享
DAY 4

React Day4 - Component 與 Props

今天要再往下介紹components,elements是由components組合產生的,而components可以有自己的狀態,依照狀態來render HTM...

2016-12-04 ‧ 由 chiouchu 分享
DAY 5

React Day5 - state 與 setState

React中有兩個東西會控制component:props和state,props是由父元件傳入,在component中,它是不會被改變的,而要改變的資料會放在...

2016-12-05 ‧ 由 chiouchu 分享
DAY 6

React Day6 - Life Cycle 生命週期

我們自己定義的component都是繼承React.Component而來,component會根據props與state的改變來render畫面,而除了com...

2016-12-06 ‧ 由 chiouchu 分享
DAY 7

React Day7 - NPM

大家好、打給厚、胎嘎豪,覺得尷尬的時候很適合的打招呼方式 XD 今天要來講的是NPM,為什麼好像突然有點跳tone呢,因為這次鐵人賽我的主題是「寫React的那...

2016-12-07 ‧ 由 chiouchu 分享
DAY 8

React Day8 - Webpack(1) Loaders

今天要介紹的周邊配備是webpack,通常會拿來和glup、grunt比較,但他們其實可以共存,甚至webpack不只是處理build task,最主要可以處理...

2016-12-08 ‧ 由 chiouchu 分享
DAY 9

React Day9 - Webpack(2) Config設定內容

Wepack有許多config可以設定在webpack.config.js裡面,今天要來介紹一些比較常用的內容! entry The entry point...

2016-12-09 ‧ 由 chiouchu 分享
DAY 10

React Day10 - Webpack(3) Plugins推推

Plugins和Loaders都是webpack很強大的功能,他們兩者的差別在於loaders用在處理單一js檔案的時候,在bundle之前或是正在bundle...

2016-12-10 ‧ 由 chiouchu 分享