React Підручник

Навчання на прикладах

Наш інструмент "Показати React" дозволяє легко продемонструвати React. Він показує як код, так і результат.

import React from 'react';
import ReactDOM from 'react-dom/client';

function Hello(props) {
return <h1>Hello World!</h1>;
}

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<Hello />);

Навчання за вправами

ReactDOM.(myElement, document.getElementById('root'));

React Вікторина

Перевірте свої навички React за допомогою тесту.

React Вікторина

Створити додаток React

Щоб дізнатися та протестувати React, вам слід налаштувати середовище React на вашому комп’ютері.

У цьому посібнику використовується create-react-app.

Інструмент create-react-app є офіційно підтримуваним способом створення програм React.

Node.js є обов’язковим для використання create-react-app.

Відкрийте свій термінал у каталозі, де ви хочете створити програму.

Виконайте цю команду, щоб створити програму React під назвою my-react-app:

create-react-app налаштує все необхідне для запуску програми React.

Запустіть програму React

Виконайте цю команду, щоб перейти до каталогу my-react-app:

Виконайте цю команду, щоб запустити програму React my-react-app:

З’явиться нове вікно браузера з новоствореною програмою React! Якщо ні, відкрийте браузер і в адресному рядку введіть localhost:3000.

Результат:

Що ви вже повинні знати

Перш ніж почати працювати з React.JS, ви повинні мати знання і середній досвід роботи із:

• HTML
• CSS
• JavaScript

Ви також повинні мати певний досвід роботи з новими функціями JavaScript, представленими в ECMAScript 6 (ES6), ви дізнаєтеся про них у розділі React ES6.

Досить розмірковувати! Починайте вчитись!