📸 Вместе мы построим свой Facebook с основным фокусом на глубокое изучение самых тонких особенностей работы React. Пристегни ремни — будет интересно!
👨🏼🔬 В этой инструкции ты узнаешь как настроить и запустить проект. Документация к API доступна на этой ссылке.
Список поддерживаемых нами операционных систем можно найти здесь.
- Скачай и установи последнюю
LTS-версию Node 10.14.1
: - Выполни в консоли
node -v
и убедись, что установленная версияNode.js
не ниже10.14.1
; - Выполни в консоли
npm -v
и убедись, что установленная версияnpm
не ниже6.4.1
;
❗️ Мы поддерживаем только последние
LTS-версии Node.js
(текущая LTS —Node 10.14.1
). Мы не даём гарантий работы на других версиях Node. Если у тебя не работает, в первую очередь проверь версию Node.js!
- Установи Yeoman и генератор проекта компании Lectrum:
npm install -g yo @lectrum/generator-ui@latest
Если ты пользователь Windows, настрой себе терминал для удобной работы.
- Скачай и установи Git, если его нет на компьютере;
- Выполни в консоли
git --version
, чтобы проверить версию установленного Git, должно быть не ниже2.19.0
; - Склонируй этот проект:
git clone https://github.com/lectrum/react-online-intensive.git
- Перейди в проект, выполнив команду:
cd react-online-intensive
- В терминале, находясь в директории с текущим проектом, выполни команду:
❗️ Пользователям
Windows
перед выполнением этой команды нужно открыть терминал от имени администратора.
yo @lectrum/ui
❗️ Во время установки зависимостей у пользователей
Ubuntu
может возникнуть ошибка, связанная с нехваткой памяти:
Phantom installation failed { Error: spawn ENOMEM
Чтобы исправить эту ошибку выполни следующие шаги из инструкции.
После первой установки генератор попросит разрешения об анонимном сборе статистической информации. На этот вопрос можно ответить на своё усмотрение. Мы рекомендуем отвечать «нет» (нажать клавишу
n
).
Возможно генератор найдёт устаревшие файлы и спросит нужно ли их обновить. Нужно согласиться (нажать клавишу
y
).
- Генератор подготовит все нужные файлы, установит зависимости и запустит проект. Если проект не запустился, выполни
команду
npm run start
; - Перейди в браузер и открой страницу по адресу http://localhost:3000. После загрузки сборки появится страница со стартовой точкой и сообщением «Добро пожаловать!»;
- Открой
Chrome Dev Tools
и перейди на вкладкуconsole
, там не должно быть каких-либо ошибок.
Все доступные команды и возможности сгенерированного проекта можно найти по этой ссылке.
Ответы на часто задаваемые вопросы можно найти здесь.
MIT © Lectrum