React componentwillmount和componentdidmount請求資料
1.清楚呼叫順序 2.componentWillMount的問題 這個方法正確呼叫的時候是在component第一次render之前,所以第一眼看上去覺得就應該在這裡去fetch data
React Native
react 中的高階元件
在 react 官網有高階元件定義，高階在英文中為 high order，以前在學習 javascript 的時候也經常聽到高階函式，可是聽起來覺得挺高大尚，那個時候還是似懂非懂，跟別人聊到 js 時，也愛掏出
Vue和React元件之間的傳值方式
在現代的三大框架中，其中兩個Vue和React框架，元件間傳值方式有哪些？ 元件間的傳值方式 元件的傳值場景無外乎以下幾種： 父子之間 兄弟之間 多層級之間（孫子祖父或者更
react 中介軟體相關的一些原始碼解析
零、隨便說說中介軟體 在react的使用中，我們可以將資料放到redux，甚至將一些資料相關的業務邏輯放到redux，這樣可以簡化我們元件，也更方便元件抽離、封裝、複用，只是redux不能很好的處理非同步，
React Hooks介紹及應用場景
引言 & 背景 在使用React開發相關頁面或維護相關元件時，常常會遇到一些難以避免的問題，比如： 元件中與狀態相關的邏輯很難複用，例如相似彈層元件的開啟、關閉、loading等
JavaScript 是如何工作的：編寫自己的 Web 開發框架 + React 及其虛擬 DOM 原理
這是專門探索 JavaScript 及其所構建的元件的系列文章的第 19 篇。 如果你錯過了前面的章節，可以在這裡找到它們： JavaScript 是如何工作的：引擎，執行時和呼叫堆疊的概述！
React16.7升級Web音樂App
去年寫了一款Web音樂App，並發表了系列文章，介紹了開發的過程，當時使用 create-react-app 官方腳手架搭建的專案， react-scripts 是 1.x 版本，而react版本是 16.2
基於 React & TS & Webpack 的微前端應用模板
m-fe/react-ts-webpack 在Web 開發導論/微前端與大前端 一文中，筆者簡述了微服務與微前端的設計理念以及微前端的潛在可行方案。微
react根據後臺返回的元件路徑動態的引入元件
搭建react專案時，剛開始路由的配置檔案都是寫死的，每寫一個元件然後都需要自己去路由的配置檔案中進行配置路由。其實剛開始覺得也很正常，因為動態import感覺很難實現。但是專案需求後臺需要記錄那些元件的路徑以
最適合初學者使用的react框架—UMI.js
介紹 最近接觸到了一個新的react框架，大大省略了我開發的時間，而且學起來和上手都挺容易的。但論壇上關於這個框架的介紹並不多。我就大概介紹一下這個框架並寫一些使用心得。 1.什麼是umi
Inside Fiber: 深度解析react新的協調演算法
React是用於建立使用者互動介面的JavaScript庫。它的核心機制是跟蹤元件的狀態並且更新顯示到螢幕上，這個過程被稱為協調（reconciliation）當元件的state或者props發生改變時，我們使
用webpack4從零開始構建react開發環境
專案檔案準備： 執行npm init,然後建立如下圖所示的檔案。 在index.html裡面新增 <!DOCTYPE html> <html> <head
3分鐘教你寫精煉的 React Components
最近在做一些梳理， 把平時記錄的一些筆記和實踐整理成完整的短篇技術文章。 這篇主要說一下 如何精簡你的React Components 看個例子 還是用那個大家都熟悉的 Counter
React UI 庫：React Suite 3.7.0 版本更新
React Suite 是一套 React 元件庫，為後臺產品而生。 文件:https://rsuite.gitee.io
React生態，dva原始碼閱讀
dva的思想還是很不錯的，大大提升了開發效率，dva集成了Redux以及Redux的中介軟體Redux-saga,以及React-router等等。得益於Redux的狀態管理,以及Redux-saga中通過T