系列文章
[day10]React基礎教學(0)認識環境
這邊我用CRA的環境來說 建立好之後你知道直接npm start可以直接啟動頁面，可是當你想開始寫的時候卻發現，我寫在哪? 首先是唯一的html檔案 1. in...
[day12]React基礎教學(2)事件綁定\useState
事件綁定 指的就是將dom元素與function綁定再一起，以下會說明React會如何使用 方法一：純function 無需修改，這部分的描述是正確的，這是一...
[day13]React基礎教學(3)useRef
useRef獲取Dom元素 useRef是React中的一個 Hook使用Hook要記得import React, { useRef } from 'react...
[day14]React基礎教學(4)useEffect
今天也是個常用的React的一個Hook，讓我們看下去吧 useEffect 主要用於不是由事件引起而是由渲染本身引起的操作，例如更改DOM發送AJAX等等 那...
[day15]React基礎教學(5)父子組件通信
今天要來看React的父子組件間的傳遞囉，前面說到React是單向數據流今天就能看看了 種類介紹 從A->B/C/D會稱為父子通信 從B->C/...
[day16]React基礎教學(6)自定義hook與組件
自定義組件 const Btn = () => { return <button>click me!</button> }...
[day17]React優化(1)useMemo 和 useCallback
接下來要說的是關於React的一些優化方法 useMemo 和 useCallback 是 React 中的兩個優化 Hook，它們的作用是避免不必要的計算和函...
[day18]React優化(2)Component vs memo
React 中，PureComponent 和 React.memo 是兩個常用來優化性能的工具，它們的作用是幫助 React 自動對比 props 的變化，並...
[day19]Redux 介紹與配置成store
Redux介紹 「單次傳遞，全局共享」 Redux是集中狀態管理工具，類似於Vue的Pinia，可獨立於框架運行，所有組件可以從這個存儲區讀取和更新狀態，而無需...
[day20]Redux 佈置教學
上篇說明了該怎麼配置store 套用至組件Provide 首先要先回去index.js(主要的那個js)進行store配置主要就是import兩個東西 impo...