安裝
React是一個靈活的前段框架拄查,可以在多種場合使用拴袭÷橄祝可以使用React創(chuàng)建一個新的工程赌渣,也可以在已有的工程中使用。
試用React
如果你只是對React感興趣淮腾,可以使用 CodePen召庞,從這個例子開始 Hello World. 不用安裝岛心,只需要修改對應的代碼就可以看到效果。
如果想使用自己比較順手的編輯器篮灼,你也可以下載 HTML file,編輯忘古,然后通過瀏覽器打開就可以看到效果。
如果你想使用React創(chuàng)建一個新的工程诅诱,有兩種方式使用React髓堪,使用 Create React App
或 在現(xiàn)有的工程中添加
創(chuàng)建新的應用
Create React App是一個最好的方式來創(chuàng)建一個新的React的單文件應用。這個命令會自動配置好相應的開發(fā)環(huán)境娘荡, 這樣你就可以使用JavaScript的最新的特性干旁,提供了一種很好的開發(fā)體驗同時也優(yōu)化了你的應用
npm install -g create-react-app
create-react-app my-app
cd my-app
npm start
在國內使用npm可能會比較慢,推薦使用 cnpm(有淘寶提供的NPM的國內鏡像)
Create React App
不會處理后端的邏輯或數(shù)據(jù)炮沐,只是創(chuàng)建了一個前段的工程争群,對于后端的框架和技術沒有限制
Hello World
最簡單的React例子
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('root')
);
JavaScript
React是一個JavaScript庫,如果你對JavaScript語言不太了解大年,推薦重新了解一下JavaScript的相關知識 refreshing your JavaScript knowledge
React還使用了一些Es6的相關的語法换薄,最好還是了解一下JavaScript的一些新特性 arrow function,
classes翔试, template literals,let和 const