Выбор Состава Изоморфных React-Приложений На Ближайшие 12 Месяцев

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

Давайте подведем итоги и немного помечтаем? Сейчас мы создаем своего рода шаблон приложения Isomorphic React App на следующие 12 месяцев, с помощью которого мы сможем быстро начинать новые проекты.

Пока что мы видим вот такой набор: 1. Реагировать 15. 2. На сервере — Node.js и Express. 3. CSS-модули и загрузчик изоморфного стиля для автоматического создания критического CSS во время рендеринга на стороне сервера.

Или это все еще JSS ? 4. Редукс для взаимодействия внутри приложения.

Или это все еще Реле ? 5. Модульное тестирование через АВА И Фермент .

Или это все еще шутка с автоматическим созданием фиктивного объекта браузера? 6. Тестирование пользовательского интерфейса через Ночной дозор.

js + Браузерстек .

7. Переводы через реакция-международный И менеджер реагирования-международных переводов .

8. Автоматическое определение языка на сервере через пакет. принять-язык .

9. Автоматическое определение геолокации через пакеты.

Максимум И ipaddr.js .

10. Изоморфный логгер на основе узел-баньян .

11. реакция-заголовок-документа для динамического переключения заголовка вкладки.

12. изоморфная выборка для отправки HTTP-запросов («AJAX»).

13. веб-пакет 1.x для сборки.

Или это все еще веб-пакет 2 ? 14. веб-пакет-dev-сервер и webpack/hot/dev-server для горячей перезагрузки модуля.

15. Долгосрочное кэширование статических ресурсов (например: /assets/logo-8cdab5da.png).

16. параллельный веб-пакет для ускорения сборки бандла JavaScript для каждого языка перевода (например: 5 разделов и 10 языков = это уже 50 бандлов JavaScript).

17. веб-пакет DllПлагин для оптимизации размера пакета JavaScript. 18. реакция-маршрутизатор-редукс в качестве маршрутизатора.

19. ESLint И eslint-config-airbnb с небольшим изменением – не используйте точку с запятой.

Какие моменты можно изменить? Какие из них мне следует добавить? Что можно сделать лучше? Поделитесь своим мнением в комментариях.

Список может измениться в ближайшие дни.

Да, неважно, я обещаю, что всё изменится, так что следите за обновлениями GitHub .

Теги: #react.js #redux #node.js #boilerplate #starter-kit #npm #webpack #eslint #JavaScript #node.js #react.js

Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.