react系列(1)入門

2021-08-11 06:35:37 字數 859 閱讀 5137

react對初學者入門較難,它也是現在前端三大主流框架之一。想了想,還是寫一些文章吧,一來可以幫助想學習react的初學者,二來也可以總結經驗,把這些知識點共享出來。

在挑選react版本的時候,發現react最新版的v16.x和v15.x之間會有api出入。比如,v16.x不再支援最基本的渲染元件react.createclass這種寫法。這就必將對一些react初學者造成很大疑惑,容易混淆v16.x和v15.x版本api。截止目前為止,react官網最新版本為v16.1.1,它是基於es6開發的,若還不了解es6語法,建議至少了解一下es6最基礎的的語法糖,因為專案最終會使用es6+react+webpack或react腳手架等facebook提供的框架開發專案(在後續文章中我會逐個介紹這些框架及環境部署)。

目前網上很多資料都以v15.x或更早的版本居多,為了便於大家入門,本系列文章上半部分用reactv15.6.2版本+es5,在掌握基礎後,在下半部分用reactv16.x版本+es6,有木有很貼心!!!那麼,現在就開始吧。

除了這些包外,還需要乙個將jsx轉譯為es5的babel.js檔案,目的是使瀏覽器可以識別一些特殊語法指令碼。

**指令碼:

也可以將在瀏覽器開啟這個html檔案,即可看到介面上列印「hello world」字樣。好了,這就本系列文章的第乙個使用react開發的程式哦。

(貼士)上例中的的type="text/babel"必須記得要加,jsx是react編寫元件的一種語法規範,可以看為是js的擴充套件,它支援將html和js混寫在一起,react就是使用這種指令碼語法。

React初始系列教程 1 React初探

什麼是react?react是facebook公司開發的乙個前端框架,是目前三大前端框架之一 react,angular,vue 元件化開發web與傳統web開發專案,確實絲滑很多,它有三大特點 宣告式 你只需要專注於描述你的ui,react會幫你做底層更新 元件化 所有ui都抽象成元件,大大提高可...

react入門系列之redux saga中介軟體

store中index檔案 import creatsagamiddleware from redux saga import todosagas from saga import todolistreducer from reducer 引入圖書列表 const composeenhancers ...

ORACLE 入門系列 1

最近開始重新梳理自己的oracle知識,寫出來以備記錄和供大家共享。1.安裝oracle服務端軟體自不必說。2.使用dos介面連線資料庫 執行以下命令 sqlplus nolog 回車 conn 使用者名稱 密碼 如果使用sys登陸,這樣寫 conn sys sys as sysdba 回車 顯示已...