React v16 生命週期函式詳解：如何、何時使用它們（React 元件生命週期的修訂和最新指南）
概述：最近在學習 react v16.8.4，發現元件的生命週期發生了一些變化，原有的一些方法被廢棄，所以看了官方API介紹，再結合上述文章，做個總結。 publish：2019-03-27 自從我寫
author/進擊的React
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-router ？v4
在 react-router-dom 的官方教程中，一共給出12個示例，但是個人認為，著12個示例看著真的很累人，很多寫法，不是標準的企業專案應用的寫法，所以針對這個現狀，我想用企業專案開發的要求，對教程中的每
react中使用antd的Toast元件，路由跳轉時報錯
一、原始程式碼如下： Toast.success('繫結成功',2,()=>{ if(this.state.fromFaultReport === false)
移動跨平臺技術方案總結（React Native、Weex、Flutter、PWA）
“得移動端者得天下”，移動端取代PC端，成為了網際網路行業最大的流量分發入口，因此不少公司制定了“移動優先”的發展策略。 為了幫助讀者更好地學習WEEX，本節將對React Native、Weex和Flut
Flutter介紹 - Flutter,H5,React Native之間的對比
Flutter是Google推出的開源移動應用開發框架。開發者可以通過開發一套程式碼同時執行在iOS和Android平臺。 它使用Dart語言進行開發，並且最終編譯成各個平臺的Native程式碼，這樣既保證
React SSR 技術摘要
單頁面應用（SPA）模式被越來越多的站點所採用，這種模式勢必面臨著首次有效繪製（FMP）耗時較長和不利於搜尋引擎優化（SEO）的問題。“同構應用” 就像是精靈，可以遊刃有餘的穿梭在服務端與客戶端之間各盡其能。
鳥豬大戰歸來 憤怒的小鳥AR即將登陸iOS
曾經紅極一時，現在也沒沉寂。 早期憑藉獨特形象、簡單操作和益智玩法流行在各種智慧手機中的熱門手遊《憤怒的小鳥》，如今要以全新面貌回到 iOS 平臺。《憤怒的小鳥》系列在取得驕人的市場之後，曾
React Native 開發者調查：開發者體驗有待提升
React Native 團隊最近進行了一項面向 React Native 開發者的調查，問題是：“React Native 有哪些東西是你不喜歡的”？絕大多數開發者都將開發者體驗（包括除錯
React 怎麼實現 Vue 的 元件
如果你用過Vue，那肯定知道它有一個非常好用的元件（keep-alive）能夠保持元件的狀態來避免重複重渲染。 有時，我們希望在列表頁面進入詳情頁面後，快取列表頁面的狀態；當從詳情頁面返回列表頁面時，列