/react-workshop

⚡️ Референтная версия →

Primary LanguageCSS

Lectrum favicon Воркшоп по React


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

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

📸 Вместе мы создадим React-приложение вживую! Так что пристегни ремни — будет интересно!


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


📜 Содержание


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

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

  1. Скачай и установи последнюю LTS-версию Node v8.12.0:
  • Пользователям MacOS и Ubuntu нужно установить nvm, а затем выполнить в консоли nvm install 8.12.0;

❗️ Если во время установки у тебя возникли ошибки, внимательно прочитай каждый шаг инструкции по установке nvm, там расписаны решения всех возможных проблем.

Что такое nvm?
Зачем мне устанавливать Node.js именно через nvm?

  1. Выполни в консоли node -v и убедись, что установленная версия Node.js не ниже v8.12.0;
  2. Выполни в консоли npm -v и убедись, что установленная версия npm не ниже 6.4.1;

❗️ Мы поддерживаем только последние LTS-версии Node.js (текущая LTS — Node v8.12.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. Важно:
  • ❗️ Если ты пользователь MacOS:
    1. Выполни в консоли xcode-select --install;
    2. Затем установи Homebrew и выполни в консоли brew install libgcrypt.
  • ❗️ Если ты пользователь Ubuntu:
    1. Выполни в консоли sudo apt install libssl-dev.
  1. Склонируй этот проект:
git clone https://github.com/Lectrum/react-workshop.git
  1. Перейди в проект, выполнив команду:
cd react-workshop
  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, там не должно быть каких-либо ошибок.
  4. ❗️ В рамках обучения мы будем применять особую технику синхронизации прогресса с преподавателем. Обязательно проверь работоспособность синхронизации на твоём компьютере, следуя этой инструкции.
👉🏼 Хозяйке на заметку

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


🤔 FAQ

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

Лицензия

MIT © Lectrum

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