前端目前的三大框架:Vue、React、Angular比較
- 都采用了組件化開發(fā)的方式,都是基于MVVM的框架有著虛擬DOM,
- Vue 和 Angular 都采用了響應式設計的方式,當數(shù)據(jù)發(fā)生變化時會自動更新視圖。
- React 和 Angular 的復雜性也使得它們更加適合于大型和復雜的項目
Vue是一款輕量級、漸進式、靈活且易于學習的框架,適合快速構建單頁面應用。
React是由Facebook開發(fā),具有很強的擴展性。提供了一套完整的開發(fā)工具和生態(tài)系統(tǒng)。
Angular是由Google開發(fā),對java和c的使用者而言,angular的靜態(tài)檢查、依賴注入的特性,以及面向對象的編程風格,使得angular都要更親切一些。
React自身
官方簡中文檔地址
相對于Vue而言,react因為更復雜的JSX語法和社區(qū)文檔,React項目代碼結構相較vue不是太清晰和直觀等原因,學習成本比VUE高。但也是前端必會的技術棧。
同時,React真正的在拼開發(fā)者的JS功底,如果一個開發(fā)者對于JS不精通或者熟練,也會在學習Reat時感覺比Vue難。
在學習React之前,至少要先掌握以下內容:
判斷this的指向
class(類)
ES6語法規(guī)范
npm包管理器
原型、原型鏈
數(shù)組常用方法
模塊化
- JSX 語法:React 使用 JSX 語法來描述組件的結構和行為,它是一種將 HTML 和 JavaScript 結合起來的語法,使得開發(fā)者可以在 JavaScript 中直接編寫 HTML 結構和組件邏輯,降低了學習成本和開發(fā)難度。
- 社區(qū)支持:React 擁有一個龐大的社區(qū),提供了大量的插件、庫和工具,可以幫助開發(fā)者快速構建高質量的 Web 應用程序。
- 函數(shù)式編程:React 在設計時也注重函數(shù)式編程的思想,這種編程方式更加簡潔、可維護和可測試,也更容易實現(xiàn)代碼的復用和組合
-
特點:虛擬DOM、組件化、非雙向綁定、React Native移動開發(fā)(ins facebook)、JSX
相對應的Vue特點:虛擬DOM、組件化、雙向綁定、單向數(shù)據(jù)流
React技術棧 React全家桶
- React基礎
- React-Router 全局組件路由 對應vue-router
- PubSub 消息管理 實現(xiàn)兄弟組件傳值 對應props/$emit/ref
- Redux 集中式狀態(tài)管理 對應VueX 都是從Flux中衍生出來
- Ant-Design UI庫 對應element-UI
React安裝
腳手架其實就是提高我們生產和開發(fā)效率的工具。
在我們的React中默認使用yarn,yarn是由facebook推出的一款新的is包管理工具,當然了我們也可以使用npm。npm install -g yarn
yarn -v
查看版本 以及是否安裝成功yarn init y
與npm init y一致,初始化一個pack.json文件yarn add -D create-react-app
使用本地安裝npx create-react-app [項目名]
使用腳手架創(chuàng)建react項目npx create-react-app --version
查看腳手架版本文章來源:http://www.zghlxwxcb.cn/news/detail-604356.html
待續(xù)。。。。文章來源地址http://www.zghlxwxcb.cn/news/detail-604356.html
到了這里,關于React入門 學習全記錄(適合和我一樣有Vue經驗想學習react的同學~)的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!