/react-online-intensive

Primary LanguageJavaScriptMIT LicenseMIT

Lectrum favicon Интенсив по React


Package version Last commit Dependencies Last update
Подписывайся на наш Facebook

👋🏼 Привет и добро пожаловать!

📸 Вместе мы построим свой Facebook с основным фокусом на глубокое изучение самых тонких особенностей работы React. Пристегни ремни — будет интересно!


👨🏼‍🔬 В этой инструкции ты узнаешь как настроить и запустить проект. Документация к API доступна на этой ссылке.


📜 Содержание


🚀 Инструкция по запуску проекта

Список поддерживаемых нами операционных систем можно найти здесь.

  1. Скачай и установи последнюю LTS-версию Node 10.15.0:
  2. Выполни в консоли node -v и убедись, что установленная версия Node.js не ниже 10.15.0;
  3. Выполни в консоли npm -v и убедись, что установленная версия npm не ниже 6.5.0;

❗️ Мы поддерживаем только последние LTS-версии Node.js (текущая LTS — Node 10.15.0). Мы не даём гарантий работы на других версиях Node. Если у тебя не работает, в первую очередь проверь версию Node.js!

  1. Установи Yeoman и генератор проекта компании Lectrum:
npm install -g yo @lectrum/generator-ui@latest

Если ты пользователь Windows, настрой себе терминал для удобной работы.

  1. Скачай и установи Git, если его нет на компьютере;
  2. Выполни в консоли git --version, чтобы проверить версию установленного Git, должно быть не ниже 2.19.0;
  3. Склонируй этот проект:
git clone https://github.com/lectrum/react-online-intensive.git
  1. Перейди в проект, выполнив команду:
cd react-online-intensive
  1. В терминале, находясь в директории с текущим проектом, выполни команду:

❗️ Пользователям Windows перед выполнением этой команды нужно открыть терминал от имени администратора.

yo @lectrum/ui

❗️ Во время установки зависимостей у пользователей Ubuntu может возникнуть ошибка, связанная с нехваткой памяти:

Phantom installation failed { Error: spawn ENOMEM

Чтобы исправить эту ошибку выполни следующие шаги из инструкции.

После первой установки генератор попросит разрешения об анонимном сборе статистической информации. На этот вопрос можно ответить на своё усмотрение. Мы рекомендуем отвечать «нет» (нажать клавишу n).

Возможно генератор найдёт устаревшие файлы и спросит нужно ли их обновить. Нужно согласиться (нажать клавишу y).

  1. Генератор подготовит все нужные файлы, установит зависимости и запустит проект. Если проект не запустился, выполни команду npm run start;
  2. Перейди в браузер и открой страницу по адресу http://localhost:3000. После загрузки сборки появится страница со стартовой точкой и сообщением «Добро пожаловать!»;
  3. Открой Chrome Dev Tools и перейди на вкладку console, там не должно быть каких-либо ошибок.
👉🏼 Хозяйке на заметку

Все доступные команды и возможности сгенерированного проекта можно найти по этой ссылке.


🤔 FAQ

Ответы на часто задаваемые вопросы можно найти здесь.

Лицензия

MIT © Lectrum

Сделано с любовь