Для більш комфортної роботи використовуйте вбудований набір інструментів.
\nЦя сторінка описує декілька популярних наборів інструментів для роботи з React, що допоможуть вам з такими задачами як:
\nНабори інструментів описані на цій сторінці не потребують додаткового налаштування для початку роботи з ними.
\nЯкщо у вас не виникає проблем з вище описаними ситуаціями, або ж якщо ви ще не відчуваєте себе достатньо впевнено для використання інструменів для роботи з JavaScript, розгляньте можливість додання React за допомогою тегу <script> на HTML-сторінку, при необхідності за допомогою JSX.
Також це найпростіший спосіб додати бібліотеку React до існуючого сайту. Ви завжди можете розширити набір інструментів, за потребою!
\nВ першу чергу команда React рекомендує наступні рішення:
\nCreate React App — це комфортний осередок для вивчення React, а також це найкращий шлях щоб почати будувати нові односторінкові додатки за допомогою React.
\nВін встановлює осередок для розробки таким чином, щоб ви могли використовувати найновіші можливості JavaScript, робить розробку комфортнішою, а також оптимізує ваш додаток для продакшну. Вам знадобиться Node версії >= 8.10 та npm версії >= 5.6 на вашому комп’ютері. Для створення проекту виконайте:
\nnpx create-react-app my-app\ncd my-app\nnpm start\n\nПримітка
\n\n
npxна першому рядку це не одрук. Це інструмент для запуску пакетів, з’явившийся в npm версії 5.2+.
Create React App не опрацьовує бекенд логіку чи логіку баз данних, а лише надає команди для побудови фронтенду, тому ви можете використовувати його з будь-яким бекендом. Під капотом він використовує Babel та webpack, але вам не треба нічого знати про них.
\nКоли ваш додаток буде готовий для розгортання на продакшн, запустіть команду npm run build, це створить оптимізовану версію вашого додатку у папці build. Ви можете дізнатись більше про Create React App з його README та його керівництва користувача.
Next.js це популярний й легкий фреймворк для статичних та серверних додатків, створений з допомогою React. Він включає готові рішення для стилізації та маршрутизації й передбачає, що ви використовуєте Node.js як серверний осередок.
\nДізнайтесь більше про Next.js з його офіційного керівництва.
\nGatsby це найкращий спосіб створити статичний вебсайт з React. Він дозволяє використовувати React-компоненти, але виводить попередньо відрендеренний HTML та CSS, щоб гарантувати найшвидший час завантаження.
\nДізнайтесь більше про Gatsby з його офіційного керівництва та галереї стартових наборів.
\nНаступні набори пропонують більше гнучкості та вибору. Ми рекомендуємо їх для більш досвідчених розробників:
\nНабір інструментів JavaScript зазвичай включає:
\nЯкщо ви віддаєте перевагу написанню власного набору JavaScript-інструментів з нуля, ознайомтесь з цим керівництвом, в якому відтворюється деяка функціональність Create React App.
\nНе забудьте переконатись, що ваш власний набір інструментів правильно налаштований для продакшну.
","frontmatter":{"title":"Створюємо новий React-додаток","next":"cdn-links.html","prev":"add-react-to-a-website.html"},"fields":{"path":"content/docs/create-a-new-react-app.md","slug":"docs/create-a-new-react-app.html"}}},"pageContext":{"slug":"docs/create-a-new-react-app.html"}},"staticQueryHashes":[]}