Организация структуры папок и файлов в React/Next по MVC-архитектуре

[artptr86]

Что же в этой структуре от MVC?

GIT понимает markdown, и на странице вашего проекта в гите

Ну камон, не Гит же, а Гитхаб или Гитлаб, хотя бы.

[Rikkster]

Что же в этой структуре от MVC?

То, что мы не городим в одном файле и всю связанную вёрстку и всю связанную логику, конечно же. MVC в названии к тому, что речь пойдёт не про какой нибудь FSD к примеру.

не Гит же, а Гитхаб или Гитлаб, хотя бы.

Все GIT-производные, а их гораздо больше, GitVerce например есть от отечественного производителя. Суть-то понятна, что я имею в виду - вряд ли речь идёт про консоль.

[artptr86]

MVC в названии подразумевает архитектурное разделение на модель, вид и контроллер. Были даже когда-то фронтендные фреймворки, основанные на таком паттерне, например, Backbone. Просто так употреблять эту аббревиатуру для отличия от FSD — неправильно. Точно так же, как неправильно называть произвольный сервис хранения исходного кода "гитом". Тем более, что вы учите других. А то ведь в Интернете известны примеры типа «Язык Джаваскрипт, для простоты называемый Джавой».

[Rikkster]

MVC в названии подразумевает архитектурное разделение на модель, вид и контроллер

Именно об этом и идёт речь в статье, а именно:

Модель - глобальный и локальный стейт а также хуки (хранят модель данных, отображаемых на странице). Глобальный стейт по статье хранится в папке store

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

Контроллер - JS-логика как данные получаются, обрабатываются и обновляются. По статье подобные функции находятся в папке scripts, так же контроллерами можно считать экшены, по статье хранящиеся в store/actions

Точно так же, как неправильно называть произвольный сервис хранения исходного кода "гитом"

Я вижу не одного вас это сильно задело, ну так то вы в данном случае правы, отредактировал статью

[artptr86]

Вообще-то нет, MVC — вполне себе конкретный паттерн. Иначе тогда вообще размывается разница между MVC, MVP, MVVM и прочими подобными паттернами, а за разделение ответственности у нас и так отвечает S в SOLID.

[Rikkster]

Я конкретно ответил каким образом реализуется MVC в моём примере. Аргументируйте, если не согласны.

[OneKek]

Используете ли вы в одном проекте tailwind и scss?

[OneKek]

Используете ли вы в одном проекте tailwind и scss?

[Rikkster]

Да, но поскольку я использую для вёрстки adaptivepx.ru, я создаю кастомный файл tailwind.scss где размеры указаны в адаптивных пикселях, и есть только те атомарные стили, которые я использую в проекте. Т.е. я использую идею tailwind, но не саму библиотеку.

[novoselov]

К примеру это может быть компонент carcas - общая обёртка для всех страниц

Вот такое именование вы выработали за 10+ лет опыта коммерческой разработки?

[Rikkster]

Да, и имею на это полное право - это моё личное дело. В то же время вы можете использовать саму идею, но называть папки и компоненты на своё усмотрение.

Почему каркас?

Каркас — несущая внутренняя или внешняя конструкция здания, механизма, сооружения, аппарата

Так и у меня в вёрстке, данный компонент содержит "скелет", общую концепцию страницы, которая используется на каждой странице проекта.

[Fanatos]

Спасибо, познавательно!