Обираємо склад ізоморфних React-додатків на наступні 12 місяців

Друзі, вже шість годин вечора, останній понеділок серпня, а це значить - останній тиждень літа. Давайте підіб'ємо підсумок і трохи пофантазуємо?


Зараз формуємо якийсь Isomorphic React App бойлерплейт на наступні 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 з невеликою зміною - не використовувати точку з комою.

Які пункти можна змінити? Які додати? Що можна зробити краще? Поділіться своєю думкою в коментарях.

Найближчими днями список може змінитися. Так, що там, я обіцяю - він зміниться, тому стежте за оновленнями на GitHub.

logo