iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

我與 React 的 30天 系列

React 作為一個近年來相當熱門的 JavaScript library
不管是 Facebook、Disney+、Netflix 等各大網站都會使用它
現在就讓我們一起來了解 React 的迷人之處吧 !

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

Day 21 不管怎樣都用 React.memo 就好了 ?

前幾天我們都在介紹這些優化 React 效能的好東西,像是 memo、useCallback、useMemo,在我們的組件需要重複渲染時,不會被沒有改變的狀態去...

2022-10-06 ‧ 由 zhan0217 分享
DAY 22

Day 22 useReducer 有比 useState

一連幾天都在介紹 memo、useCallback、useMemo 今天我們就來換個口味來介紹 useReducer,看看他能拿來做什麼? useReducer...

2022-10-07 ‧ 由 zhan0217 分享
DAY 23

Day 23 useContext + useReducer 管理狀態

昨天介紹了 useState 的強化版工具,useReducer,今天就來是這搭配我們先前介紹的 useContext,讓我們可以不再用 props,一層一層傳...

2022-10-08 ‧ 由 zhan0217 分享
DAY 24

Day 24 React 的框架有哪些?

我們一連介紹了 React 好多天了,今天開始我們來介紹 React 有哪些框架可以讓我們去使用 大家都知道 React 是一個 javascript 的函式庫...

2022-10-09 ‧ 由 zhan0217 分享
DAY 25

Day 25 React 框架 Next.js

昨天大致介紹了 React 的兩個框架,Gatsby & Next.js今天就來針對 Next.js 來介紹,並且讓我們來 new 一個新的 Next....

2022-10-10 ‧ 由 zhan0217 分享
DAY 26

Day 26 Next.js 之路徑種類

昨天我們介紹了如何在 Next.js 中增加路徑,今天繼續介紹 Next.js 中我們還可以增加怎樣的路徑 三種路徑模式 https://nextjs.org/...

2022-10-11 ‧ 由 zhan0217 分享
DAY 27

Day 27 Next.js 用動態路徑做更多事

昨天我們介紹了關於 Next.js 的路徑種類,今天我們將實作用 API 獲取資料,並且實現換頁並且獲取不同資料 需求 假設我們現在在網站的後台 我們會一個頁...

2022-10-12 ‧ 由 zhan0217 分享
DAY 28

Day 28 Next.js 之 Link Component

今天來介紹為什麼在 Next.js 中,我們切換頁面的方式不是用,<a></a> 標籤,而是用 Next.js 的 Link compo...

2022-10-13 ‧ 由 zhan0217 分享
DAY 29

Day 29 Next.js 之 Image (上)

繼昨天和大家介紹 Next.js 獨有的 Link Component 來優化使用者在網站換頁時體驗,讓我們在使用 Next.js 製作的網站會有使用 SPA...

2022-10-14 ‧ 由 zhan0217 分享
DAY 30

Day 30 Next.js 之 Image (下)

昨天介紹了 next/image 為何出現了以及它幫我們解決了什麼問題今天我們就來看看,這個 Image Component 可以接受甚麼 props 吧,你可...

2022-10-15 ‧ 由 zhan0217 分享