Архитектура фронтенда: Большой круг (Фреймворки)

Проектирование фронтенда - это не только и не столько выбор фреймворка. Но фреймворк служит каркасом вашего приложения.

Он должен обеспечить три основных механизма для дальнейшего построения архитектуры:

- Шаблоны - для избавления от повторяющегося кода
- Связывание данных - для внедрения данных в разметку
- Работа с потоками данных - для взаимодействия с источниками этих данных

Разработчику в любом случае все это потребуется, так что лучше выбрать инструмент, предоставляющий эти возможности из коробки, чем писать свои велосипеды.

Совсем необязательно - из одной коробки. Каркас можно собрать из отдельных модулей и библиотек.

Подробнее: https://prglb.ru/145rv

Статья не скажет, какой фреймворк выбрать. Напротив, автор утверждает, что в хорошо спроектированном проекте замена фреймворка не должна стать большой проблемой.

#bestpractices #frontend #architecture #frameworks

Архитектура фронтенда: Средний круг (Библиотеки и сервисы)

Вспомогательным модулям и библиотекам часто не уделяется столько внимания, как фреймворкам - а зря! Их вклад в архитектуру приложения нельзя недооценивать.

На самом деле, вы можете обойтись и вовсе без фреймворка, если подберете хорошую комбинацию библиотек.

Читать: https://prglb.ru/23ntf

Автор статьи утверждает, что все инструменты, находящиеся на этом уровне, должны иметь максимально независимую модульную структуру.

#frontend #architecture

Архитектура фронтенда: Малый круг (Визуальные элементы и компоненты)

UI-компоненты - это лицо и начинка любого фронтенда. Есть разные способы для их создания, но общий подход к организации остается неизменным - от малого к большему.

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

Читать: https://prglb.ru/39mbr

Статья расскажет, почему "материалы" важнее, чем "инструменты", как в фронтенде реализуются классические паттерны проектирования и об уровнях абстракции в компонентных системах.

#frontend #architecture

Архитектура фронтенда: Стратегия и метрики автоматизированного тестирования

Тесты - очень важная часть системы, и у них есть свое место в архитектуре. Вопрос "писать или не писать тесты?" обычно не стоит - но всегда есть вопрос "какие тесты и как много?"

Читать: https://prglb.ru/23o12

Статья расскажет, об основных подходах к тестированию, важности автоматизации и почему 100% покрытия - это не хорошо.

#testing #architecture

Архитектура фронтенда: Оболочка

В этой статье речь пойдет о типах приложений и выборе модели рендеринга.

В современных условиях границы между десктопными, мобильными и веб-приложениями стираются. Мы уже можем использовать для них одни и те же инструменты. Но стоит ли это делать?

Раньше все приложения рендерились на сервере, потом появилась клиентская модель. Но теперь мы снова переходим на сервер - почему?

Подробнее: https://prglb.ru/34eb7

#frontend #architecture #bestpractices

​Современные архитектуры фронт-энда

Рассмотрены архитектуры фронт-энда с точки зрения потоков данных в исторической ретроспективе.

Читать: https://prglb.ru/4le96

#frontend #architecture

​Архитектура современных корпоративных Node.js-приложений

И когда фронтенд-приложения успели стать настолько сложными, что мы начали рассуждать о высоких материях?

Андрей Мелихов обобщает свой опыт фронтендера в крупном энтерпрайзе, и объясняет, почему и как в Яндексе используют Node.js.

https://prglb.ru/52s6a

#node #architecture

Производительная архитектура фронтенда

Методы, позволяющие ускорить загрузку интерфейсных приложений и обеспечить хороший UX: https://proglib.io/w/4f9a3997

#frontend #architecture

Frontend SOLID || Архитектура во Фронтенде

5 SOLID-принципов в реальных фронтенд-задачах: https://proglib.io/w/a5fd8524

#video #architecture

​The Clean Architecture на TypeScript и React

Статья рассказывает об опыте применения The Clean Architecture в React-приложениях на TypeScript: https://proglib.io/w/66492477

#architecture

Как работает архитектурный паттерн «модель-вид-контроллер»

Самая популярная архитектура ПО на сегодняшний день — “модель-вид-контроллер”, или сокращенно MVC. Разбираемся, что это: https://proglib.io/w/c70dfff6

#architecture

​Проектирование архитектуры Angular-приложения: паттерн Container/Presentation

Проектирование архитектуры может быть непростым делом, особенно в мире agile, где требования часто меняются. Ваш дизайн должен обеспечивать расширяемость без необходимости серьезных изменений.

https://proglib.io/w/f4a7e8d3

#angular #architecture #bestpractices