react - 專題 - 簡(jiǎn)書

投稿

react

收錄了10篇文章 · 2人關(guān)注

簡(jiǎn)易手寫react-router(函數(shù)式組件)
自己實(shí)現(xiàn)一個(gè)react-router 期望最簡(jiǎn)單的使用效果 Router一般分HashRouter和BrowserHistoryRouter，原...

你的時(shí)間非常值錢 0 0
antd二次封裝函數(shù)式組件（Searchgroup）
本人長(zhǎng)年累月做中臺(tái)項(xiàng)目，接觸的需求都是根據(jù)各種姿勢(shì)查詢數(shù)據(jù)，考慮到高頻繁的使用，二話不說(shuō)胯杭，必須封裝來(lái)方便復(fù)用。其實(shí)之前已經(jīng)用類組件寫過(guò)一個(gè)并投入...

0.3 你的時(shí)間非常值錢 6 10

redux-saga的render優(yōu)化
當(dāng)我們使用redux-saga（redux中間件）時(shí)，數(shù)據(jù)更新流程是练俐，dispatch帶上action，交給reducers根據(jù)舊state生成...

0.7 你的時(shí)間非常值錢 8 3
react項(xiàng)目?jī)?yōu)化
前言傳統(tǒng)的Diff算法O(N3)冕臭，React Diff基于三大前提將復(fù)雜度降為O(N) 1.tree diff腺晾，跨層dom操作比較少，結(jié)構(gòu)不同...

你的時(shí)間非常值錢 0 4
HOC,Render Props, React Hooks簡(jiǎn)單實(shí)現(xiàn)復(fù)用代碼
有三個(gè)按鈕辜贵，每個(gè)按鈕樣式不同悯蝉，但內(nèi)容都是0，都有點(diǎn)擊事件托慨，點(diǎn)擊后自增一鼻由，發(fā)現(xiàn)有可復(fù)用部分，于是分別用了三種方式實(shí)現(xiàn)需求 HOC codesand...

0.1 你的時(shí)間非常值錢 0 3
react高階組件結(jié)合Context Api（一）
現(xiàn)在遇到這樣一個(gè)場(chǎng)景厚棵，有一個(gè)頂層父組件（A）蕉世，包裹著兩個(gè)子組件（B1和B2），子組件又分別包裹著孫組件（B1里有C1婆硬，B2里有C2）狠轻，需求是點(diǎn)擊...

0.8 你的時(shí)間非常值錢 5 7 1
react 高階組件結(jié)合Context Api（二）
上集講到上手了Context API來(lái)解決props drilling問(wèn)題，下文就講解如何利用高階組件（HOC）復(fù)用Context柿祈，使其能多個(gè)...

0.2 你的時(shí)間非常值錢 0 1

react高階組件復(fù)用原子Loading
利用高階組件(HOC)和decorator語(yǔ)法糖特性復(fù)用loading原子級(jí)別組件

0.4 你的時(shí)間非常值錢 0 1
setState分析
組件更新方法 1.setState2.replaceState（后面廢棄）3.forceUpdate setState enqueueSetSt...

0.1 你的時(shí)間非常值錢 0 1
利用react hook封裝業(yè)務(wù)（搜索框和列表）
閱讀本文需一點(diǎn)react hook基礎(chǔ)（react的16.7beta版哈误、16.8正式版哩至，文中涉及useState,useEffect最基本用法）...

1.2 你的時(shí)間非常值錢 4 11 2