iT邦幫忙

react相關文章
共有 560 則文章
鐵人賽 自我挑戰組 DAY 4

技術 [DAY04]淺談前端SPA框架-以React為例(下篇)

在了解什麼是render後,傑森從React官網看到另一個範例,有段文字這樣寫道: Component 使你可以將 UI 拆分成獨立且可複用的程式碼 什麼是...

鐵人賽 Modern Web DAY 21

技術 【Day.21】React效能 - 用useMemo避免函式非必要的執行

但是有的時候我們只負責製作元件,並沒有辦法確認使用這個元件的人是不是在函式定義域內加工元件,這個時候該怎麼辦才能確保這個問題呢? 在Day.19,我們以元件...

鐵人賽 Modern Web DAY 21
I Want To Know React 系列 第 21

技術 I Want To Know React - Controlled component 語法

回顧 React form & Controlled component 在上個章節中,我們學習到了在 React 中可以如何處理 form eleme...

鐵人賽 Modern Web DAY 21

技術 Day 21: 用 GraphQL 載入動態頁面的資料

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

鐵人賽 Modern Web DAY 20
I Want To Know React 系列 第 20

技術 I Want To Know React - 初探 Form & Controlled component

在這個章節中,我們將介紹在 React 中 form 與 input 相關 element 的使用方式。 然而為何需要把 form 這類的 element 特別...

鐵人賽 Modern Web DAY 24
I Want To Know React 系列 第 24

技術 I Want To Know React - 提升 state 練習

回顧提升 state 在上一章節中,我們介紹了何謂提升 state 以及為何要這麼做。 提升 state 的意思就是把 state 提升到所有有使用到此資料的...

鐵人賽 Modern Web DAY 19
I Want To Know React 系列 第 19

技術 I Want To Know React - Key 的常見值 & 最佳實踐

回顧 Key 與 Diff 演算法 在上一個篇章中,我們簡介了 key 在 Virtual DOM diff 演算法中扮演的角色。 我們也了解到 key={in...

鐵人賽 Modern Web DAY 19

技術 Day 19: GraphQL

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

鐵人賽 Modern Web DAY 22

技術 Day 22: mdx

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

鐵人賽 Modern Web DAY 25

技術 Day 25: Static Query

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

鐵人賽 Modern Web DAY 18

技術 Day 18: 進化成 SSG

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

鐵人賽 Modern Web DAY 23
I Want To Know React 系列 第 23

技術 I Want To Know React - 初探提升 state

當一個 component 需要存取修改一份資料 / 狀態的時候,通常我們會把這份資料 / 狀態做成 state,讓該 component 自己維護資料的內容。...

鐵人賽 Modern Web DAY 12

技術 Day 12: 動態路由

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

鐵人賽 Modern Web DAY 23

技術 Day 23: 從檔案載入文章

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

鐵人賽 Modern Web DAY 26

技術 Day 26: 載入圖片

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

鐵人賽 Modern Web DAY 16

技術 Day 16: 重新載入 js

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

鐵人賽 Modern Web DAY 24

技術 Day 24: 用 GraphQL 取得動態路由

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

鐵人賽 Modern Web DAY 27

技術 Day 27: Incremental build

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

技術 前端開發流- 如何用React

為什麼用React? 我當初初學網頁時剛好聽到三大框架,那時就聽到React這個詞最有感覺,所以就一直寫React到現在了,如果說現在要我改寫其他框架的話,其實...

鐵人賽 Modern Web DAY 13

技術 Day 13: html 樣版與 eta.js

目前我們產生的 html 是寫死在程式中的,這篇要來讓使用者可以透過 ejs 的方式寫自己的樣版,不過我們實際要用的樣版引擎不是 ejs 而是 eta.js ,...