iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

關於React,那些我不知道的 系列

這次挑戰將探索那些常用的、耳聞過,但我不熟悉的React!

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

狀態管理的救星?! Recoil 想用參數來切換 state 怎麼辦? ( selectorFamily ) 2

Why selectorFamily? 為什麼我們需要 selectorFamily ? 還記得我們在前面幾堂介紹 atom / selector 如何使用嗎?...

2020-10-06 ‧ 由 Ken Chen 分享
DAY 22

如何做一個 銀行/分行的選單 selectorFamily

回到 selectorFamily 提供的當初的情境。 回顧 Codesandbox demo簡單假設我們的api格式 取得銀行 export functi...

2020-10-07 ‧ 由 Ken Chen 分享
DAY 23

狀態管理的救星?! Recoil 來自遠方的狀態,如何處理Async State? (2)

希望獲取非同步狀態時,卻希望自定義元件流程時 狀態管理的救星?! Recoil 來自遠方的狀態,如何處理Async State? 原版 Demo (useR...

2020-10-08 ‧ 由 Ken Chen 分享
DAY 24

Recoil API 總結

共享狀態( Recoil state ) atom: 共享狀態的基本單位,需要一個key、共享狀態的預設值。 selector: 導出資料的共享狀態,若我們想...

2020-10-09 ‧ 由 Ken Chen 分享
DAY 25

Modal in React ( React 當中的互動視窗、對畫框)

內控的對話元件 以下為一個常見的 React 對話框元件( 範例取自 React Bootstrap、Material UI ),我們通常會在元件內建立一組lo...

2020-10-10 ‧ 由 Ken Chen 分享
DAY 26

Modal in React ( Declarative Modal ) (2)

如何從 Modal 外部帶入元件給內部渲染? 續前篇提出的疑問 Modal in React ( React 當中的互動視窗、對畫框) : 如何從外部帶入元件?...

2020-10-11 ‧ 由 Ken Chen 分享
DAY 27

不用Recoil的話,如何自己製作一個 Custom hook 來共享全域變數?

需求 在早前幾篇文章,我們介紹了 Recoil 這個 library 來在整個 App 分享全域變數給所有元件使用。 // React hook const [...

2020-10-12 ‧ 由 Ken Chen 分享
DAY 28

不用Recoil的話,如何自己製作一個 Custom hook 來共享全域變數?(2)

實作自己的全域 count, setCount codesandbox demo const { count, setCount } = useCountS...

2020-10-13 ‧ 由 Ken Chen 分享
DAY 29

styled-components 的初步探索

React 以輕量化 Library 自居,因此 React 在樣式刻畫、狀態管理、網頁互動上充滿靈活、自由的樣貌,相同的問題,有各式各樣的解決方案! 前言 如...

2020-10-14 ‧ 由 Ken Chen 分享
DAY 30

第30天 致謝與心得分享

鐵人30天,實際在不簡單,在這30天的過程,中間一度想要放棄、不知道要寫什麼。 能持續產出優質文章的作者們真是非常厲害。但在這期間也深刻感受到,要確認自己是否已...

2020-10-15 ‧ 由 Ken Chen 分享