/react-instagram-demo

Primary LanguageJavaScript

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


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


👋🏼 Добро пожаловать на воркшоп!

📸 Вместе мы построим свой Instagram в живом режиме! Так что пристегни ремни — будет интересно!


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

📜 Содержание


🚀 Для запуска проекта выполни следующие шаги

  1. Скачай и установи последнюю LTS-версию Node.js. Обновить уже установленную Node.js можно обычным установщиком. Обновить уже установленный npm можно командой npm install -g npm;

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

  3. Введи в консоли npm -v — убедись, что установлена последняя версия npm не ниже 5.6.0;

  4. Скачай и установи Git, если его нет на компьютере;

  5. Введи git --version — проверь версию установленного Git, должно быть не ниже 2.18.0;

  6. Склонируй и запусти этот проект: git clone https://github.com/Lectrum/react-trial-lesson.git;

  7. После клонирования выполни команду cd react-trial-lesson;

  8. Выполни команду npm install;

  9. Самое время выполнить npm start;

  10. Перейди в браузер и открой страничку http://localhost:3000. Когда страничка загрузится, ты увидишь сообщение:

    «Добро пожаловать на воркшоп по React.».

  11. Открой Chrome Dev Tools и перейди на вкладку Console, там не должно быть каких-либо ошибок.



🤖 Краткий обзор команд для проекта

Заметка: запускать через yarn «имя команды» или npm run «имя команды».

Команда Описание
start запустить проект для разработки
build:prod сбилдить проект
build:analyze сбилдить проект и запустить режим детального анализа сборки
lint провести анализ всего исходного кода на стилистически ошибки
lint:javascript провести анализ исходного JavaScript-кода на стилистически ошибки
lint:css провести анализ исходного CSS-кода на стилистически ошибки
test запустить тесты
test:watch запустить тесты в watch-режиме
test:debug запустить тесты в debug-режиме
soundcheck запустить все линтеры и тесты
prettier отформатировать исходный код с помощью prettier
deploy задеплоить приложение на свой github pages

Заметка: после деплоя на github pages приложение будет доступно по адресу:
https://имя-твоего-пользователя-гитхаб.github.io/имя-твоего-репозитория-с-приложением


🤔 FAQ

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


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