碉堡了！前端大神用 React 刻了一個 Windows XP
近日，一前端大神 sh1zuku 用 React 刻出一個 Windows XP，頁面中的兩個 Windows XP 視窗可以自由拖曳，而且作者還製作了一個踩地雷的遊戲，可以直接上手玩，超酷！作者也將這些實現的
React Router
從零開始開發一個react腳手架(二)
上一篇已經初步整了個kkk-react，這一篇不寫程式碼，粗略講解下create-react-app的部分原始碼。 前沿：科普下看原始碼的思路。以本人看過N多原始碼的經驗總結，想要看這種腳手架或者npm包的
React Native 實踐與感悟
移動開發的發展漸漸趨於成熟，開發者的技能樹分佈漸漸完善。隨著大前端的發展跨平臺技術也衍生除了相關平臺。對於移動開發者來說，也是面臨著新的機遇與挑戰，各個公司也嘗試擁抱新技術，可以說這也是一個趨勢相關的挑戰。
React Hooks ---useMemo
useMemo 下面我們通過一個例項，來理解下 useMemo的用法。 父元件 function App() { const [name, setName] = useState
React 精要面試題講解(五) 高階元件真解
說明與目錄 在學習本章內容之前，最好是具備react中‘插槽(children)’及‘組合與繼承’ 這兩點的知識積累。 詳情請參照React 精要面試題講解(四) 組合與繼承不得不說的祕密。 哦不好意思
React狀態管理大亂鬥，橫向對比Dva,Rematch,Mirror
這年頭，Redux 狀態管理框架滿天飛，前幾天在網上閒逛偶然又發現 Rematch、Mirror、Smox、Xredux，都用了一下，發現都是套瓷娃娃，大同小異，拿幾個比較歷害的來說： DvaJS
React v16 生命週期函式詳解：如何、何時使用它們（React 元件生命週期的修訂和最新指南）
概述：最近在學習 react v16.8.4，發現元件的生命週期發生了一些變化，原有的一些方法被廢棄，所以看了官方API介紹，再結合上述文章，做個總結。 publish：2019-03-27 自從我寫
React 服務端渲染從入門到精通
前言 這篇文章是我自己在搭建個人網站的過程中，用到了服務端渲染，看了一些教程，踩了一些坑。想把這個過程分享出來。 我會盡力把每個步驟講明白，串聯起每個知識點。同時也希望大家多敲程式碼多練習。
React專案實踐（二）一個登入頁面的狀態遷移
上一篇 React專案實踐（一）從框架配置講起 這次談談一個登入頁面的設計。在之前寫過的專案中，我都是把表單放在一個頁面也沒有考慮到使用者等待過程中的loading提示。這次重新規劃一下，將展示元件與控
從零開始學習 React 高階元件
React 高階元件也叫做 React HOC(High Order Component), 它是react中的高階技術, 用來重用元件邏輯。 但高階元件本身並不是React API。它只是一種模
react-loadable懶載入
歡迎關注公眾號：n平方 簡介 react-loadable 官網最精簡的描述： A higher order component for loading components with dy
React事件機制-事件註冊
事件機制 React事件主要分為兩部分: 事件註冊與事件分發。下面先從事件註冊說起。 事件註冊 假設我們的程式如下: <!DOCTYPE html> <html lang=&#
敲不開react，webpack，npm，node的門怎麼辦
轉載自知乎的優秀回答https://www.zhihu.com/question/54440732 授人以魚不如授人以漁。與其教你怎麼學會用 Webpack 和 React，還不如跟你
react中使用antd的Toast元件，路由跳轉時報錯
一、原始程式碼如下： Toast.success('繫結成功',2,()=>{ if(this.state.fromFaultReport === false)
移動跨平臺技術方案總結（React Native、Weex、Flutter、PWA）
“得移動端者得天下”，移動端取代PC端，成為了網際網路行業最大的流量分發入口，因此不少公司制定了“移動優先”的發展策略。 為了幫助讀者更好地學習WEEX，本節將對React Native、Weex和Flut