https://github.com/ntonbala/redux-facebook
https://github.com/ntonbala/redux-facebook
classnames custom-media-directives custom-thunk-middleware domain-directory-structure formik immutablejs jest jwt-authentication re-export react-error-boundaries react-redux-form react-router-v4 redux-devtools-extension redux-localstorage-synchronization redux-logger redux-saga redux-saga-error-handling redux-thunk socket-io-client yup
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ntonbala/redux-facebook
- Owner: NtonBala
- Created: 2019-08-19T12:02:58.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-13T23:40:03.000Z (over 3 years ago)
- Last Synced: 2025-01-26T07:42:44.906Z (over 1 year ago)
- Topics: classnames, custom-media-directives, custom-thunk-middleware, domain-directory-structure, formik, immutablejs, jest, jwt-authentication, re-export, react-error-boundaries, react-redux-form, react-router-v4, redux-devtools-extension, redux-localstorage-synchronization, redux-logger, redux-saga, redux-saga-error-handling, redux-thunk, socket-io-client, yup
- Language: JavaScript
- Homepage: https://ntonbala.github.io/redux-facebook/
- Size: 25.9 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 24
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Интенсив по Redux
👋🏼 Добро пожаловать на интенсив!
📸 Вместе мы построим свой Facebook с полноценным набором основных возможностей современного SPA.
Так что пристегни ремни — будет интересно!
👨🏽🔬 В этой инструкции ты узнаешь как настроить и использовать проект.
## 📜 Содержание
- [🚀 Для запуска проекта выполни следующие шаги](#-Для-запуска-проекта-выполни-следующие-шаги)
- [🤖 Краткий обзор команд для проекта](#-Краткий-обзор-команд-для-проекта)
- [🤔 FAQ](#-faq)
### 🚀 Для запуска проекта выполни следующие шаги
1. [Скачай и установи](https://nodejs.org/en/) последнюю LTS-версию Node.js.
2. Выполни в консоли `node -v` и убедись, что установлена последняя версия Node.js не ниже `v8.11.3`;
3. Введи в консоли `npm -v` и убедись, что установлена последняя версия npm не ниже `5.6.0`;
4. [Скачай и установи Git](https://git-scm.com/downloads), если его нет на компьютере;
5. Введи `git --version`, чтобы проверь версию установленного Git, должно быть не ниже `2.18.0`;
6. Склонируй и запусти этот проект: `git clone https://github.com/Lectrum/redux-online-intensive.git`;
7. Чтобы перейти в директорию с проекта, после клонирования выполни команду `cd redux-online-intensive`;
8. Чтобы установить зависимости проекта, выполни команду `npm install`;
9. Чтобы запустить проект в режиме разработки, самое время выполнить команду`npm start`;
10. Перейди в браузер и открой страничку [http://localhost:3000](http://localhost:3000/). Когда страничка загрузится, ты увидишь страницу с картинку с фотографией.
11. Открой Chrome Dev Tools и перейди на вкладку Console, там не должно быть каких-либо ошибок.
### 🤖 Краткий обзор команд для проекта
> Заметка: запускать через `yarn «имя команды»` или `npm run «имя команды»`.
| Команда | Описание |
| ----------------- | ------------------------------------------------------------------------------- |
| `start` | запустить проект для разработки |
| `build:prod` | запустить сборку проекта |
| `build:analyze` | запустить сборку проекта и запустить режим детального анализа результата сборки |
| `lint:javascript` | провести анализ исходного JavaScript-кода на стилистические ошибки |
| `lint:css` | провести анализ исходного CSS-кода на стилистические ошибки |
| `lint` | провести анализ всего исходного кода на стилистические ошибки |
| `test` | запустить тесты |
| `test:watch` | запустить тесты в watch-режиме |
| `test:debug` | запустить тесты в debug-режиме |
| `soundcheck` | запустить все линтеры и тесты |
| `prettier` | отформатировать исходный код с помощью prettier |
| `deploy` | задеплоить приложение на свой Github Pages |
> Заметка: после деплоя на Github Pages приложение будет доступно по адресу:\
> https://`имя-твоего-пользователя-гитхаб`.github.io/`имя-твоего-репозитория-с-приложением`
### 🤔 FAQ
Ответы на часто задаваемые вопросы можно найти [здесь](https://github.com/Lectrum/FAQ#-faq).
