Frontend Heaven

Минимальный набор инструментов для прогрессивного улучшения в сторону:

• Redux - Контейнер предсказуемого состояния для JS-приложений
• MobX - State Manager аналог Redux.
• NextJS - Гибридный статический и серверный рендеринг SSG/SSR.
• Apollo GraphQL - Открытая архитектура для построения распределенного сетевого графа client/server.
• ...

Установка

1. install NodeJS
2. git clone
3. npm install

Использование

Development

npm run start

• Непрерывная сборка приложения (HMR включен)
• Приложение обслуживается по http://localhost:1488 && create .env APP_PORT=1337

npm run start:dev

• Тестовая сборка проекта без оптимизации
• Minify: false
• Sourcemap: true
• Contenthash: false

Production

npm run start:prod

• Финальная сборка приложения с оптимизацией
• Minify: true
• Sourcemap: false
• Contenthash: true

Linting

npm run lint npm run lint:fix

npm run lint:styles npm run lint:styles:fix

npm run lint:scripts npm run lint:scripts:fix

Стек

• npm - Менеджер пакетов.

• React - JavaScript-библиотека для создания пользовательских интерфейсов.

• Babel - Компилятор для написания JavaScript следующего поколения.

• Webpack - Сборщик статических модулей.

• TypeScript - JavaScript с синтаксисом для типов.

• Sass - Расширение CSS, добавляющее вложенные правила, переменные, примеси, наследование селекторов и многое другое.

• PostCSS - Инструмент для преобразования стилей.

• ESLint - Инструмент для выявления проблем, обнаруженных в коде JS/ES/TS.

• Prettier - Форматировщик кода.

• Stylelint - Линтер, помогает избежать ошибоки и обеспечить соблюдение соглашений в стилях.