面對日新月異的前端，我表示快學不動了:joy:。Webpack 老早就已經更新到了 V4.x，前段時間React 又推出了hooks API。剛好春節在家裡休假，時間比較空閒，還是趕緊

Contex 的 API 在新 react 版本中變動還是很大的，我們這裡通過一個例項為大家講解一下，如果以前沒有接觸過 context ,也可以藉此機會瞭解一下 context 的強大之處。首先大家要明白一些

1.清楚呼叫順序 2.componentWillMount的問題 這個方法正確呼叫的時候是在component第一次render之前,所以第一眼看上去覺得就應該在這裡去fetch data

在 react 官網有高階元件定義，高階在英文中為 high order，以前在學習 javascript 的時候也經常聽到高階函式，可是聽起來覺得挺高大尚，那個時候還是似懂非懂，跟別人聊到 js 時，也愛掏出

在現代的三大框架中，其中兩個Vue和React框架，元件間傳值方式有哪些？ 元件間的傳值方式 元件的傳值場景無外乎以下幾種： 父子之間 兄弟之間 多層級之間（孫子祖父或者更

零、隨便說說中介軟體 在react的使用中，我們可以將資料放到redux，甚至將一些資料相關的業務邏輯放到redux，這樣可以簡化我們元件，也更方便元件抽離、封裝、複用，只是redux不能很好的處理非同步，

引言 & 背景 在使用React開發相關頁面或維護相關元件時，常常會遇到一些難以避免的問題，比如： 元件中與狀態相關的邏輯很難複用，例如相似彈層元件的開啟、關閉、loading等

這是專門探索 JavaScript 及其所構建的元件的系列文章的第 19 篇。 如果你錯過了前面的章節，可以在這裡找到它們： JavaScript 是如何工作的：引擎，執行時和呼叫堆疊的概述！

前言 ​ 接觸過ReactNative(以下簡稱RN)的大概都知道, react-navigation 提供了兩種開箱即用的導航欄元件 createBottomTabN

去年寫了一款Web音樂App，並發表了系列文章，介紹了開發的過程，當時使用 create-react-app 官方腳手架搭建的專案， react-scripts 是 1.x 版本，而react版本是 16.2

m-fe/react-ts-webpack 在Web 開發導論/微前端與大前端 一文中，筆者簡述了微服務與微前端的設計理念以及微前端的潛在可行方案。微

React Native是使用JavaScript和React編寫原生移動應用 我的開發平臺是基於windows系統，所以只支援android，要是想開發ios系統，那就只能考慮使用沙盒環境 接下來就是

搭建react專案時，剛開始路由的配置檔案都是寫死的，每寫一個元件然後都需要自己去路由的配置檔案中進行配置路由。其實剛開始覺得也很正常，因為動態import感覺很難實現。但是專案需求後臺需要記錄那些元件的路徑以

介紹 最近接觸到了一個新的react框架，大大省略了我開發的時間，而且學起來和上手都挺容易的。但論壇上關於這個框架的介紹並不多。我就大概介紹一下這個框架並寫一些使用心得。 1.什麼是umi

React是用於建立使用者互動介面的JavaScript庫。它的核心機制是跟蹤元件的狀態並且更新顯示到螢幕上，這個過程被稱為協調（reconciliation）當元件的state或者props發生改變時，我們使