我們建立的應用不可能把所有的東西都放在一個檔案裡面, 我們可以按照自己的想法去組織一下應用的程式碼. 首先我們想辦法把樣式分離出來, 放到另一個檔案當中. 在根目錄下建立一個資料夾app,

做過原生APP開發的同學們都清楚，我們在Xcode和studio中就可以直接對編寫的程式碼進行斷點除錯，很方便，但是web開發斷點除錯就不能直接在開發工具中完成了，需要藉助瀏覽器來完成，React相關的開發斷

最近在選座的新專案中試用了一下 React Native，熟悉新框架的同時，可以略微將互動效果和 Native 看齊了。 分享一下專案本身比較重要的一個互動動畫的做法, RT。 這次我們就不裝

本文以 React v16.5.2 為基礎進行原始碼分析 基本流程 在 react原始碼的 react-dom/src/events/ReactBrowserEventEmitter.js檔案的開頭，有

react中基本都使用JSX來開發，但JSX其實是javascript的一種語法糖。 什麼是語法糖？ 語法糖就是提供了一種全新的方式書寫程式碼，但是其實現原理與之前的寫法相同。

導語： 專案中有側邊欄的層級選單或者需要根據介面生成DOM樹等操作時，如何實現元件的遞迴呼叫呢？ 專案中有側邊欄的層級選單或者需要根據介面生成DOM樹等操作時，這裡就需要用到了元件的遞迴呼叫。 在本篇文

前言 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css

9102 年了，前端工程化發展在 nodejs 的基礎上已經發展的非常完善了，各種前端構建工具層出不窮。ES6 編譯器 babel，css 輔助工具 postcss/scss/less，程式碼風格檢測工具 es

積夢(https://jimeng.io) 是一個為製造業製作的一個平臺. 積夢的前端基於 React 做開發的. 早期使用 React Router. 後來出現了一

前言 每次用配置 react 路由都會考慮是否應該給給 <Route> 元件加上 exact 或 strict 。下面妹子將於自認為比較清晰的方式列舉出來什麼場景需要加和不加。 本文案例

很多專案中需要實現app中常見的提示效果Toast。這個效果看似簡單，實現起來也容易，為了方便，將它封裝成npm元件，方便後續使用。 這裡也是拋磚引玉，可以檢視專案地址一起學習 react

五一佳節匆匆而過，有人選擇在外面看人山人海，有人選擇宅在家中度過五一，也有人依然堅守在第一線，致敬！ 這是堅持學習 react-native 的第二篇文章，可能會遲到，但是絕不會缺席，這篇要涉及到的是

拋轉引用 現在越來越多的專案放棄了javascript，而選擇擁抱了typescript，就比如我們熟知的ant-design就是其中之一。面對越來越火的typescript，我們公司今年也逐漸開始擁抱ty

什麼是前端框架 React 是什麼？按照官方的說法，React 是一個用於構建使用者介面的 JavaScript 庫，所以它不是一個框架。 在前端中，框架是什麼？也許很難下定義，但很容易舉例，Angul

關於前端 CLI 工具 對於 Angular，有官方的 Angular CLI 。 對於 Vue，有官方的 Vue CLI 。 對於 React，有官方的 Create Rea