Выделим директорию для нашего проекта и создадим там 3 файла
index.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Hello React</title> </head> <body> <div id="app"></div> <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script> <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script> <script type="text/babel" src="index.jsx"></script> </body> </html> |
index.jsx
|
1 2 3 4 5 6 7 8 9 |
class Hello extends React.Component { render() { return <h1>Hello, React</h1>; } } ReactDOM.render( <Hello></Hello>, document.getElementById("app") ) |
package.json
|
1 2 3 4 5 6 7 8 9 10 |
{ "name": "helloapp", "version": "1.0.0", "scripts": { "start": "lite-server" }, "devDependencies": { "lite-server": "^2.2.1" } } |
Откроем консоль и перейдем в директорию проекта командой cd
Далее, введем npm install, дождемся инсталляции проекта. И далее введем npm start. В браузере у нас появится такой результат
