React 學習目錄

2021-10-04 21:53:03 字數 941 閱讀 5523

會把我學習過程中的學習流程到這裡,供新手入門用

學習資料:

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語法需要一定...