Ответ
Наиболее популярные архитектурные методологии во фронтенде:
-
MVC (Model-View-Controller)
Разделение на модель (данные), представление (UI) и контроллер (логика). Пример: Backbone.js. -
MVVM (Model-View-ViewModel)
Добавляет ViewModel для двустороннего биндинга. Пример: Vue, Angular. -
Flux/Redux
Односторонний поток данных: Action → Dispatcher → Store → View. Пример: React + Redux. -
Atomic Design
Разбиение UI на атомы (кнопки), молекулы (формы), организмы (блоки). -
Feature-Sliced Design
Группировка кода по фичам, а не по типам файлов (components, hooks и т.д.).
Пример Redux:
// Action
const increment = () => ({ type: 'INCREMENT' });
// Reducer
const counter = (state = 0, action) => {
switch (action.type) {
case 'INCREMENT': return state + 1;
default: return state;
}
};
// Store
const store = createStore(counter);