iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

為期 30 天的 react 大冒險 系列

初學者學習 react 為期30天的紀錄

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

進入名為 react 的新世界-day 1

時間來到 2020... 去年這個時間太忙碌,壓根忘記有鐵人賽這回事QQ 今年好不容易想起來,就趕在報名截止日最後一天壓線參加啦 選擇鐵人賽題目時,在 js 或...

2020-09-15 ‧ 由 dc88 分享
DAY 2

react 大冒險-快速複習 js 的語法-day 2

要進入 react 的世界,需要有一點 html / css / js 的知識,會比較輕鬆 css 跟 html 基本上不牽涉邏輯判斷,只要略通英文就沒問題 加...

2020-09-16 ‧ 由 dc88 分享
DAY 3

react 大冒險-快速複習 js 的語法 day 3

本篇的內容關於 destructuring / spread 跟 rest destructuring 就是從 array 或 object 中,快速拆出想要的...

2020-09-17 ‧ 由 dc88 分享
DAY 4

react 大冒險-快速複習 js 的語法 day 4

經過幾天的 轟炸 複習, 今天要談的是 es6的懶人神兵—箭頭函示(arrow function) 跟 常常搞不清楚究竟誰是誰的 this (撐過去就可以開始...

2020-09-18 ‧ 由 dc88 分享
DAY 5

react 大冒險-React 究竟是什麼-day 5

終於進入正題, 首先到 React 的官網 侵門踏戶 官方的介紹只有短短一句話 A JavaScript library for building user i...

2020-09-19 ‧ 由 dc88 分享
DAY 6

react 大冒險-來建立 React 專案的環境吧-day 6

開啟 terminal 首先開啟 編輯器 範例中使用的是 vs code 可以在這裡下載跟安裝 開啟 terminal 快捷鍵為 ctrl + ~ 或直接點擊編...

2020-09-20 ‧ 由 dc88 分享
DAY 7

react 大冒險-React 專案的資料夾結構-day 7

React 專案的資料夾結構 當執行 create react app 後,資料夾內也會自動產生一些內容 node_modules 所有經由 npm 安裝的...

2020-09-21 ‧ 由 dc88 分享
DAY 8

react 大冒險-create react app 出現錯誤-day 6(番外篇)

如果 npm start 後遇到錯誤.. 人品不好的時候 執行 npm start 卻出現錯誤.. NPM start returns error, “Ther...

2020-09-22 ‧ 由 dc88 分享
DAY 9

react 大冒險- React 的特殊寫法 JSX-day 8

細看 App component 接下來,進到 src 資料夾內的 App.js 根據先前提到 component 的種類,可以知道 App 是一個 funct...

2020-09-23 ‧ 由 dc88 分享
DAY 10

react 大冒險-將 App component 改寫成 class component-day 9

class component 將原本的 App.js 改寫如下.. import React from 'react'; class App extends...

2020-09-24 ‧ 由 dc88 分享