iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

以 React 為主的那些前端事 系列

來好好寫個筆記,因為我是金魚腦兒~ 來幫助沒辦法好好講出來的我

鐵人鍊成 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文 團隊Web 實驗室
DAY 1

Day 01 - 前言

yo~ 原本寫好了幾個字 改一下主題就全清空拉 很QQ餒 不免俗的,這也是小女子第一次參加鐵人賽 是跟朋友們一起參加團體戰 希望可以好好的完賽30天 &lt...

2021-09-16 ‧ 由 雪倫Q 分享
DAY 2

Day 02 - 那個 React Hook

如果有錯誤,歡迎留言指教~ Q_Q 什麼是 Hook? Hook 是 React 16.8 中增加的新功能。它讓你不必寫 class 就能使用 state...

2021-09-17 ‧ 由 雪倫Q 分享
DAY 3

Day 03 - 命名的規則

如果有錯誤,歡迎留言指教~ Q_Q 好的命名,也能夠清楚的讓人一看就知道是在做什麼 團隊有統一的寫法,也能更快能理解和有個開發規範 就算是自己獨立開發,隔幾...

2021-09-18 ‧ 由 雪倫Q 分享
DAY 4

Day 04 - 導入 TypeScript

如果有錯誤,歡迎留言指教~ Q_Q 為什麼需要 TypeScript? 是一種強型別的語言,可以主動去定義型別,若沒有,則會幫你自動判定型別。 可以提早發...

2021-09-19 ‧ 由 雪倫Q 分享
DAY 5

Day 05 - TypeScript 語法

字串 string / 數字 number let userName: string; // 將變數用 : 宣告型別 userName = 'Sharon';...

2021-09-20 ‧ 由 雪倫Q 分享
DAY 6

Day 06 - 那些~幫助開發的套件

如果有錯誤,歡迎留言指教~ Q_Q classnames: 可以依照邏輯條件的將 className 動態是否顯示 classnames() 可以傳入N個...

2021-09-21 ‧ 由 雪倫Q 分享
DAY 7

Day 07 - 非同步流程控制

如果有錯誤,歡迎留言指教~ Q_Q callback,很重要! 外層的 component 一定拿不到內層的狀態,除非有 callback props 也是...

2021-09-22 ‧ 由 雪倫Q 分享
DAY 8

Day 08 - 那些在 component 裡的 Props 與 State

如果有錯誤,歡迎留言指教~ Q_Q Stateful Component vs no-Stateful Component function compone...

2021-09-23 ‧ 由 雪倫Q 分享
DAY 9

Day 09 - 那個很常用到的 useState

如果有錯誤,歡迎留言指教~ Q_Q useState:讓 component 擁有內部的 state 如果要 render 畫面,就要設定 useState...

2021-09-24 ‧ 由 雪倫Q 分享
DAY 10

Day 10 - 非同步的 setState()

如果有錯誤,歡迎留言指教~ Q_Q State 的更新可能是非同步的!? 如果想要連續執行更新 state,你會發現看起來執行了三次,但最後卻只有執行一次!...

2021-09-25 ‧ 由 雪倫Q 分享