iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

React初心者30天的探索之路 系列

未曾接觸過React 的我,決定利用30天來熟悉React!

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

[Day 11] React CSS 最重要的小事(下)

說到css in js,也就是用js來寫css 就不得不提到style components,被稱之為是React樣式處理的最佳方案! 首先安裝 style c...

2020-09-11 ‧ 由 Lieutenant 分享
DAY 12

[Day 12] React event - 事件處理

React的event都是camelCase駝峰式命名, 跟以往的HTML小寫命名不同,並且事件一定要用大括號括起來 這是傳統的HTML寫法 <butto...

2020-09-12 ‧ 由 Lieutenant 分享
DAY 13

[Day 13] React Higher-Order Components (HOC)

想必我們都曾經遇過一種情境,兩個component功能幾乎一模一樣,只是差在輸入的資料不同而已,那麼這時候就是HOC登場的時候了,HOC為一個可以傳入compo...

2020-09-13 ‧ 由 Lieutenant 分享
DAY 14

[Day 14] 用React Ref 來操作DOM

以前我們要抓一個DOM的時候很習慣用document.getElementById、document.getElementsByClassName等等的語法來取...

2020-09-14 ‧ 由 Lieutenant 分享
DAY 15

[Day 15] React controlled components v.s uncontrolled components

在練習表單處理這塊,如果在不依賴套件的狀況下,可以有兩種方式來控制表單欄位,那麼今天就來介紹一下controlled component 和uncontroll...

2020-09-15 ‧ 由 Lieutenant 分享
DAY 16

[Day 16] React 呼叫api with fetch & axios

剛開始工作的時候是jQuery的時代 ,用$.ajax來接api得心應手,偶爾接觸到不能用jQuery的專案,就用原生的XMLHttpRequest來處理,隨著...

2020-09-16 ‧ 由 Lieutenant 分享
DAY 17

[Day 17] React Developer Tools除錯工具

在沒有用過框架的chrome的除錯工具前,我其實不知道類似這樣的工具在開發上能夠有什麼幫助?不過經過實際使用一陣子之後, 才發現dev tools真的太好用了(...

2020-09-17 ‧ 由 Lieutenant 分享
DAY 18

[Day 18] 像是迷霧森林的React Redux

寫過vue就知道有vue有提供vuex來做資料(state)的集中管理,那麼React就是藉由Redux來達成,不過讓我有點訝異的應該是React 跟 Redu...

2020-09-18 ‧ 由 Lieutenant 分享
DAY 19

[Day 19] Redux Middleware

Redux Middleware翻成中介軟體,在dispatch action之後到執行reducer之間,可以執行多個middleware,就像接力賽一樣將...

2020-09-19 ‧ 由 Lieutenant 分享
DAY 20

[Day 20] 用Redux Thunk 來處理非同步action

Redux Thunk的目的就是為了實踐middleware,讓action能做更多的事,想必大家都曾經看過這個錯誤,當action為非同步的時候,就會報錯,R...

2020-09-20 ‧ 由 Lieutenant 分享