希望藉由這次的鐵人賽將自己能夠帶給想要學習react的人,不論是在學習React前和學習React中,甚至已經學習過React的人,藉由我的文章還是能夠再多學習到一點什麼東西。
文章預計除了教學內容以外,還有一些為什麼我們需要使用非官方的套件(例如redux),究竟解決了什麼問題或是達到了什麼樣的效果等等。
跟著我的文章的步伐,不乏融會貫通React。
希望能帶給大家一些幫助。
本篇文章將會正式介紹react 基本jsx 首先我可以看到一個簡單的jsx如下 import React from 'react' const App = ()...
本日探討各種jsx的渲染,包含各種dot notaion方式、使用方括號變數動態使用component、條件渲染和使用jsx的使用技巧。 點記法render 官...
本篇文章將會涵蓋以下重點 資料變動但是畫面卻沒變? state設計原因 使用useState Hook setState的誤區 state初始值—使用lazy...
本文將包含sideEffect可帶參數的情形 只執行第一次 畫面任何更動都執行 依賴某個state 元件銷毀前-clearup 另外也包含範例與說明如下...
本文將提及以下內容 做到什麼事情? 解決什麼問題? useRef代入參數 在jsx的屬性當中加入ref focus效果範例 ref無法藉由react管理 簡述...
本文章將包含以下內容 為什麼需要forwardRef 回顧useRef 直接將ref加在component上 forwardRef說明 forwardRef...
本文章將提及以下內容 props傳遞的遇到什麼問題—propDrilling 使用context解決propDrilling Setp1 創建context...
本文章內容涵蓋以下 為什麼你需要useReducer 關於reducer詞彙 useReducer流程圖 useReducer使用方式 為什麼需要useRe...
本文將以實作To Do List理解Listing State Up包含以下部分 component拆分—圖解 lifting-state說明 重要概念 具體...
本文將以實作To Do List理解Listing State Up包含以下部分 useContext運作模型—圖解 useReducer運作模型—圖解 資料...