react框架學習入門(一)

2021-09-19 11:13:01 字數 572 閱讀 2060

一、前言

react框架是前端三大框架之一。學習**: 菜鳥教程

二、安裝

3、在專案根目錄下啟動專案

這些命令在package.json中進行配置

npm start
三、專案架構

這是初始化專案後的專案結構圖。

執行npm run eject 後,這是將專案全部解壓出來,該操作不可逆。專案結構如下

四、react的元件

react的使用和react-native的使用類似。

五、react生命週期

生命週期與react-native的生命週期基本相同。

六、未完待續...

React入門筆記(一)

新版的react要求統一使用babel作為jsx的編譯工具,因此我們選擇babel,新建.babelrc檔案,內容如下 這裡因為要用到es6,所以把在babel候選版本裡加入對es6的支援 react裡引入的元件這個概念 react裡的元件就像android,ios裡的控制項一樣,能方便快捷的作為介...

React入門學習第一課

library 庫 小而巧,只提供特定的api 優點 可以方便的從乙個庫切換到另外的庫,但是 幾乎不會改變 framework 框架 大而全 提供一整套的解決方案,專案中再切換比較困難 元件化方面 1.什麼是模組化 角度分析,把一些可復用的 抽離為單個模組 以便於專案的維護和開發 2.什麼是元件化 ...

react學習教程入門三 react中定義元件

我們知道react的一大特點是元件化,通過 react 構建元件,使得 更加容易得到復用,能夠很好的應用在大專案的開發中 react中建立元件的方式有兩種,一種是函式式元件,一種是類式元件 函式式元件適用於簡單元件的定義,通過在bebel語法環境裡建立乙個函式且首字母為大寫,比如示例中定義了乙個叫m...