iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

從Create到React—用來實作使用者介面的JavaScript函式庫 系列

希望藉由這次的鐵人賽將自己能夠帶給想要學習react的人,不論是在學習React前和學習React中,甚至已經學習過React的人,藉由我的文章還是能夠再多學習到一點什麼東西。
  文章預計除了教學內容以外,還有一些為什麼我們需要使用非官方的套件(例如redux),究竟解決了什麼問題或是達到了什麼樣的效果等等。

跟著我的文章的步伐,不乏融會貫通React。

希望能帶給大家一些幫助。

鐵人鍊成 | 共 30 篇文章 | 17 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室 v6.0
DAY 11

React—jsx基本介紹、snippet、各種css style解決方案

本篇文章將會正式介紹react 基本jsx 首先我可以看到一個簡單的jsx如下 import React from 'react' const App = ()...

2022-09-26 ‧ 由 DannyChen 分享
DAY 12

function component的各種點記法(dot notation),JSX的使用技巧

本日探討各種jsx的渲染,包含各種dot notaion方式、使用方括號變數動態使用component、條件渲染和使用jsx的使用技巧。 點記法render 官...

2022-09-27 ‧ 由 DannyChen 分享
DAY 13

從jQuery到VirtualDOM來淺談什麼是state—useState完整範例與介紹

本篇文章將會涵蓋以下重點 資料變動但是畫面卻沒變? state設計原因 使用useState Hook setState的誤區 state初始值—使用lazy...

2022-09-28 ‧ 由 DannyChen 分享
DAY 14

siedEffect是什麼?—useEffect的4種情形、2個clearup範例、常見用途與注意事項

本文將包含sideEffect可帶參數的情形 只執行第一次 畫面任何更動都執行 依賴某個state 元件銷毀前-clearup 另外也包含範例與說明如下...

2022-09-29 ‧ 由 DannyChen 分享
DAY 15

React管理virtualDOM,為什麼還需要useRef?

本文將提及以下內容 做到什麼事情? 解決什麼問題? useRef代入參數 在jsx的屬性當中加入ref focus效果範例 ref無法藉由react管理 簡述...

2022-09-30 ‧ 由 DannyChen 分享
DAY 16

從useRef理解forwardRef再解說useImperativeHandle—目的與用法

本文章將包含以下內容 為什麼需要forwardRef 回顧useRef 直接將ref加在component上 forwardRef說明 forwardRef...

2022-10-01 ‧ 由 DannyChen 分享
DAY 17

解決propDrilling問題—簡化consumer的useContext

本文章將提及以下內容 props傳遞的遇到什麼問題—propDrilling 使用context解決propDrilling Setp1 創建context...

2022-10-02 ‧ 由 DannyChen 分享
DAY 18

為什麼useReducer,reducer詞彙解釋—用流程圖解釋useReducer

本文章內容涵蓋以下 為什麼你需要useReducer 關於reducer詞彙 useReducer流程圖 useReducer使用方式 為什麼需要useRe...

2022-10-03 ‧ 由 DannyChen 分享
DAY 19

從實作To Do List理解Listing State Up(附圖)(上)

本文將以實作To Do List理解Listing State Up包含以下部分 component拆分—圖解 lifting-state說明 重要概念 具體...

2022-10-04 ‧ 由 DannyChen 分享
DAY 20

從實作To Do List理解useContext搭配useReducer運作模型—(附圖)(中)

本文將以實作To Do List理解Listing State Up包含以下部分 useContext運作模型—圖解 useReducer運作模型—圖解 資料...

2022-10-05 ‧ 由 DannyChen 分享