react-fullstack

Fullstack React.js Application boilerplate for 2016-2017 years

Usage no npm install needed!

<script type="module">
  import reactFullstack from 'https://cdn.skypack.dev/react-fullstack';
</script>

README

Fullstack React.js Application boilerplate for 2016-2017 years

На данном этапе обсуждения и описание ведётся на русском языке, чтобы вам было удобней и комфортней. В сентябре всё будет переведено на английский. Благодарим за понимание.

План

  • 29 августа - начало работы над составом проекта
  • 1 сентября - утверждение состава и структуры
  • 7 сентября - завершение первой версии
  • 9 сентября - перевод описания и issues на английский язык

Обращение

Итак, друзья, уже шесть часов вечера, последний понедельник лета. Давайте подведём итог и пофантазируем?

Сейчас формируем некий Isomorphic React.js Application Boilerplate на следующие 12 месяцев.

Пока видим такой набор:

  1. React 15.
  2. На сервере - Node.js и Express.
  3. CSS modules и isomorphic-style-loader для автоматической генерации Critical CSS при Server-side Rendering. Или всё-таки JSS,?
  4. Redux для взаимодействия внутри приложения. Или всё-таки Relay?
  5. Модульное тестирование через AVA и Enzyme. Или всё-таки Jest с его автоматической генераций mock-объекта Browser?
  6. UI-тестирование через Nightwatch.js + Browserstack.
  7. Переводы через react-intl и react-intl-translations-manager.
  8. Автоматическое определение языка на сервере через пакет accept-language.
  9. Автоматическое определение геопозиции через пакеты maxmind и ipaddr.js.
  10. Изоморфный логгер на базе node-bunyan.
  11. react-document-title для динамического переключения заголовка вкладки.
  12. isomorphic-fetch для отправки HTTP-запросов (“AJAX”).
  13. webpack 1.x для сборки. Или всё-таки webpack 2?
  14. webpack-dev-server и webpack/hot/dev-server для Hot Module Reload.
  15. Long-term Caching статических ресурсов (например: /assets/logo-8cdab5da.png).
  16. parallel-webpack для ускорения сборки JavaScript bundle для каждого языка перевода (например: 5 разделов и 10 языков = это уже 50 JavaScript bundles).
  17. webpack DllPlugin для оптимизации размера JavaScript bundle.
  18. react-router-redux в качестве роутера.
  19. ESLint и eslint-config-airbnb с небольшим изменением - не использовать точку с запятой.

Какие пункты можно изменить? Какие добавить? Что можно сделать лучше? Оставьте своё мнение в Issues.