會把我學習過程中的學習流程到這裡,供新手入門用
學習資料:
1.react入門-概述和演練教程
2.官方示例
環境搭建:
1.安裝node.js和npm
cmd下使用node -v 和npm -v檢視版本
在本地任意路徑下,開啟命令提示符,執行
刪除裡面src的所有檔案,並新增乙個index.js檔案,如下
import react from 'react';
import reactdom from 'react-dom';
render()
}reactdom.render(
document.getelementbyid('root')
);
在src當前目錄下,開啟命令提示符,輸入npm start
在瀏覽器訪問http://localhost:3000/
結果如下:
來簡單分析一下這個js檔案。
兩行import就是要匯入這兩個模組。
後面的 document.getelementbyid('root'),這個root,在哪呢
開啟這個index.html
含義就是,在id為root的標籤內填充我們reder函式返回的dom內容
react學習目錄
react是如今熱門的兩大前端框架之一,它設計思路獨特,效能卓越,邏輯簡單,受到了大量開發者的喜愛。vue的基本思路是基於html模板的擴充套件,而react的基本思路是基於js語言的擴充套件。由於vue的寫法更接近於傳統,所以對於習慣了html的開發者更容易接受 而react中的jsx語法需要一定...
react學習目錄
react是如今熱門的兩大前端框架之一,它設計思路獨特,效能卓越,邏輯簡單,受到了大量開發者的喜愛。vue的基本思路是基於html模板的擴充套件,而react的基本思路是基於js語言的擴充套件。由於vue的寫法更接近於傳統,所以對於習慣了html的開發者更容易接受 而react中的jsx語法需要一定...
react學習目錄
react是如今熱門的兩大前端框架之一,它設計思路獨特,效能卓越,邏輯簡單,受到了大量開發者的喜愛。vue的基本思路是基於html模板的擴充套件,而react的基本思路是基於js語言的擴充套件。由於vue的寫法更接近於傳統,所以對於習慣了html的開發者更容易接受 而react中的jsx語法需要一定...