每天養成一個好習慣，從建立一個todolist開始。 ReallyDo的頁面UI借鑑於todoist ，是基於React全家桶，以leancloud作後端資料部署的輕量級Todo webApp 線

總結了以下幾個方面在react上的效能優化 常見的效能問題場景 時刻注意程式碼的潛在效能問題 注意可重構的程式碼，元件化 瞭解如何使用工具定位效能問題

期待已久的新課上線啦！解鎖React Native開發新姿勢，一網打盡React Native最新與最熱技術，點我Get!!! 前言 一直想寫一下我在React Native原生模組封裝方面的

React-Navigation 前端架構 準備 /*安裝元件*/ npm install --save react-navigation npm install --sa

React-Native 開發的專案，Android 方面沒有任何問題，IOS 就是無法跑起來，報錯資訊如下： mac 10.14.4xcode 10.2.1 error Failed to bui

背景 Ink 是 React 在命令列中渲染系統的一個實現, 在 GitHub 上已經有 1w+ Star. 看著蠻好玩, 因此嘗試著寫了一個五子棋遊戲, 經過若干天的划水, 終於初見成效了! 先來

先來說說react搭建： 1 官方文件上也有提供直接下載react包，但是修改webpack配置比較麻煩 npx create-react-app my-app cd my-app npm start

在此之前，不瞭解 HoC 的同學請看高階元件 - React，不瞭解 Render Props 的同學請看Render Props - React，都是官方文件，我貼的都是翻譯連結。 總的來

在使用 React 的過程中，不可避免的需要元件間進行訊息傳遞（通訊），元件間通訊大體有下面幾種情況： 父元件向子元件通訊 子元件向父元件通訊 跨級元件之間通訊 非巢狀元件

在 JavaScript 中物件和函式是怎麼被引用好像不被人重視的，但它卻直接影響了 React 的效能。假設你分別創造了兩個完全相同的函式，它們還是不相等的。如下： const functionOne =

這個是模仿ant design的Tabs控制元件，當切換tab時，下面的藍色條滑過的效果。 點選檢視效果 我只是封裝了tab的頭部標籤，並沒有包含內容部分。 我的最終結果 相關技術

最近對前端動畫方案做了一些調研，想找到一個簡單且易複製的方案在React元件中使用(也就是用複製貼上解決80%的問題），最終選擇官方的 react-transition-group 加 animate.css

背景 在 Hook 出現之前，為實現一個計數器的功能，我們最常用的做法是在react class 的建構函式中宣告一個 count的狀態變數，然後通過在點選事件中呼叫 this.setStat

一、技術選型 語言選擇： JavaScript TypeScript 最終選擇了JavaScrip

在React寫應用的時候，難免遇到跨元件通訊的問題。現在已經有很多的解決方案。 React本身的Context Redux結合React-redux Mobx結合mobx-react