iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
影片教學

30 天 30 個範例入門 ReactJS 系列

要建置 ReactJS 的開發環境對初學者來說是一件很頭痛的事情,包含 Webpack、Babel、ESLint 等等,本系列教學影片跳過麻煩的環境設定,直接切入 ReactJS 的使用,用 30 個程式範例講解觀念以及用法,歡迎對 JavaScript 有點基礎但想要入門 ReactJS 的朋友來一起動手學習。

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

DAY0 內容大綱與環境準備

DAY0 內容大綱與環境準備 有任何問題都可以在 Youtube 影片或是 iT 邦幫忙文章下方留言,我會盡我所知所能回覆:)

2018-10-01 ‧ 由 谷哥 分享
DAY 2

DAY1 React 初體驗

DAY1 React 初體驗 範例程式碼:https://github.com/max80713/react-30-days 有任何問題都可以在 Youtub...

2018-10-02 ‧ 由 谷哥 分享
DAY 3

DAY2 進擊の JavaScript - JSX

DAY2 進擊の JavaScript - JSX 範例程式碼:https://github.com/max80713/react-30-days 有任何問題...

2018-10-03 ‧ 由 谷哥 分享
DAY 4

DAY3 無痛開發SPA - create-react-app

DAY3 無痛開發SPA - create-react-app 範例程式碼:https://github.com/max80713/react-30-days...

2018-10-04 ‧ 由 谷哥 分享
DAY 5

DAY4 萬物歸一 - Component

DAY4 萬物歸一 - Component 範例程式碼:https://github.com/max80713/react-30-days 有任何問題都可以在...

2018-10-05 ‧ 由 谷哥 分享
DAY 6

DAY5 更好用的 Component - props

DAY5 更好用的 Component - props 範例程式碼:https://github.com/max80713/react-30-days 有任何...

2018-10-06 ‧ 由 谷哥 分享
DAY 7

DAY6 Component 再進化 - Class Component

DAY6 Component 再進化 - Class Component 範例程式碼:https://github.com/max80713/react-30...

2018-10-07 ‧ 由 谷哥 分享
DAY 8

DAY7 來點反應吧 - 事件綁定

DAY7來點反應吧 - 事件綁定 範例程式碼:https://github.com/max80713/react-30-days 有任何問題都可以在 Yout...

2018-10-08 ‧ 由 谷哥 分享
DAY 9

DAY8 顯示點擊次數 - ref

DAY8 顯示點擊次數 - ref 範例程式碼:https://github.com/max80713/react-30-days 有任何問題都可以在 You...

2018-10-09 ‧ 由 谷哥 分享
DAY 10

DAY9 記錄點擊次數 - state

DAY9 記錄點擊次數 - state 範例程式碼:https://github.com/max80713/react-30-days 有任何問題都可以在 Y...

2018-10-10 ‧ 由 谷哥 分享