https://github.com/ntonbala/react-video-player-workshop
https://github.com/ntonbala/react-video-player-workshop
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ntonbala/react-video-player-workshop
- Owner: NtonBala
- Created: 2019-07-04T12:01:57.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T03:39:50.000Z (over 2 years ago)
- Last Synced: 2025-01-26T07:42:47.986Z (4 months ago)
- Language: JavaScript
- Size: 117 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Воркшоп по React
👋🏼 Привет и добро пожаловать!
📸 Вместе мы создадим React-приложение вживую! Пристегни ремни — будет интересно!
👨🏼🔬 В этой инструкции ты узнаешь как настроить и запустить проект.
## 📜 Содержание
- [🚀 Инструкция по запуску проекта](#-инструкция-по-запуску-проекта)
- [🤔 FAQ](#-faq)
### 🚀 Инструкция по запуску проекта
> Список поддерживаемых нами операционных систем [можно найти здесь](https://github.com/Lectrum/FAQ#%D0%9A%D0%B0%D0%BA%D0%B8%D0%B5-%D0%BE%D0%BF%D0%B5%D1%80%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D1%8B%D0%B5-%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D1%8B-%D0%BF%D0%BE%D0%B4%D0%B4%D0%B5%D1%80%D0%B6%D0%B8%D0%B2%D0%B0%D1%8E%D1%82%D1%81%D1%8F-%D0%BE%D0%B1%D1%83%D1%87%D0%B0%D1%8E%D1%89%D0%B8%D0%BC%D0%B8-%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B0%D0%BC%D0%B8-%D0%BA%D0%BE%D0%BC%D0%BF%D0%B0%D0%BD%D0%B8%D0%B8-lectrum).
> Если ты пользователь Windows, [настрой себе терминал](https://github.com/Lectrum/FAQ#%D0%AF-%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8C-windows-%D0%9A%D0%B0%D0%BA-%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B8%D1%82%D1%8C-%D1%82%D0%B5%D1%80%D0%BC%D0%B8%D0%BD%D0%B0%D0%BB-%D0%B4%D0%BB%D1%8F-%D1%83%D0%B4%D0%BE%D0%B1%D0%BD%D0%BE%D0%B9-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B)
1. [Скачай и установи](https://nodejs.org/en/) последнюю **`LTS-версию Node 10.15.3`**:
2. Выполни в консоли **`node -v`** и убедись, что установленная версия **`Node.js`** не ниже **`10.15.3`**;
3. Выполни в консоли **`npm -v`** и убедись, что установленная версия **`npm`** не ниже **`6.4.1`**;
> ❗️ Мы поддерживаем только последние **`LTS-версии Node.js`** (текущая LTS — **`Node 10.15.3`**). Мы не даём гарантий работы на других версиях Node. Если у тебя не работает, в первую очередь проверь версию Node.js!
4. [Скачай и установи Git](https://git-scm.com/downloads), если его нет на компьютере;
5. Выполни в консоли **`git --version`**, чтобы проверить версию установленного Git, должно быть не ниже **`2.19.0`**;
6. Склонируй этот проект:
```bash
git clone https://github.com/Lectrum/react-workshop.git
```
7. Перейди в проект, выполнив команду:
```bash
cd react-workshop
```
8. Теперь нужно установить зависимости проекта. В терминале, находясь в директории с текущим проектом, выполни команду:
```bash
npm install
```
9. Чтобы запустить проект, выполни команду:
```bash
npm start
```
10. Перейди в браузер и открой страницу по адресу [http://localhost:3000](http://localhost:3000/). После загрузки сборки появится страница со стартовой точкой и сообщением «Добро пожаловать!»;
11. Открой **`Chrome Dev Tools`** и перейди на вкладку **`console`**, там не должно быть каких-либо ошибок.
12. ❗️ В рамках обучения мы будем применять [особую технику синхронизации](https://github.com/Lectrum/FAQ#%D0%A7%D1%82%D0%BE-%D1%82%D0%B0%D0%BA%D0%BE%D0%B5-%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F-%D0%BA%D0%BE%D1%82%D0%BE%D1%80%D1%83%D1%8E-%D0%BC%D1%8B-%D0%B1%D1%83%D0%B4%D0%B5%D0%BC-%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D1%8C-%D0%B2-%D1%80%D0%B0%D0%BC%D0%BA%D0%B0%D1%85-%D0%BE%D0%B1%D1%83%D1%87%D0%B5%D0%BD%D0%B8%D1%8F-%D0%98-%D0%B7%D0%B0%D1%87%D0%B5%D0%BC-%D0%BE%D0%BD%D0%B0) прогресса с преподавателем. Обязательно проверь [работоспособность синхронизации](https://github.com/Lectrum/FAQ#%D0%9A%D0%B0%D0%BA-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0%D0%B5%D1%82-%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F) на твоём компьютере, [следуя этой инструкции](https://github.com/Lectrum/FAQ#%D0%9A%D0%B0%D0%BA-%D0%BF%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%B8%D1%82%D1%8C-%D1%87%D1%82%D0%BE-%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0%D0%B5%D1%82).
### 🤔 FAQ
Ответы на часто задаваемые вопросы можно найти [здесь](https://github.com/Lectrum/FAQ#-faq).
### Лицензия
MIT © [Lectrum](https://lectrum.io)
