iT邦幫忙

雪倫Q
iT邦新手 5 級 ‧ 點數 262
f2e
5307
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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

鐵人鍊成 ｜ 共 30 篇文章 ｜ 9 人訂閱 訂閱系列文 RSS系列文 ｜團隊Web 實驗室
0 Like 1 留言 586 瀏覽
DAY 1

Day 01 - 前言

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

2021-09-16 ‧ 由 雪倫Q 分享
0 Like 1 留言 843 瀏覽
DAY 2

Day 02 - 那個 React Hook

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

2021-09-17 ‧ 由 雪倫Q 分享
0 Like 0 留言 1018 瀏覽
DAY 3

Day 03 - 命名的規則

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

2021-09-18 ‧ 由 雪倫Q 分享
0 Like 0 留言 1011 瀏覽
DAY 4

Day 04 - 導入 TypeScript

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

2021-09-19 ‧ 由 雪倫Q 分享
0 Like 0 留言 919 瀏覽
DAY 5

Day 05 - TypeScript 語法

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

2021-09-20 ‧ 由 雪倫Q 分享
0 Like 0 留言 1485 瀏覽
DAY 6

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

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

2021-09-21 ‧ 由 雪倫Q 分享
0 Like 0 留言 730 瀏覽
DAY 7

Day 07 - 非同步流程控制

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

2021-09-22 ‧ 由 雪倫Q 分享
0 Like 0 留言 643 瀏覽
DAY 8

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

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

2021-09-23 ‧ 由 雪倫Q 分享
0 Like 0 留言 819 瀏覽
DAY 9

Day 09 - 那個很常用到的 useState

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

2021-09-24 ‧ 由 雪倫Q 分享
0 Like 0 留言 614 瀏覽
DAY 10

Day 10 - 非同步的 setState()

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

2021-09-25 ‧ 由 雪倫Q 分享
雪倫Q的鐵人檔案
雪倫Q的收藏
雪倫Q的追蹤
雪倫Q的Like
雪倫Q的紀錄
雪倫Q的訂閱列表