Size: a a a

Atomic Design for React

2020 July 16

DS

Dmitry Semenovskiy in Atomic Design for React
createStore<🦉> ⁣
кладешь логику страницы в один файл и всё ок
Ну а если файл на 500 строк
источник

c⁣

createStore<🦉>... in Atomic Design for React
Dmitry Semenovskiy
И будет нелогично что редакс лежит и в ducks и рядом со страницей
что есть ОБЩАЯ логика
и логика страниц?
источник

c⁣

createStore<🦉>... in Atomic Design for React
это не логично?
источник

FT

Frontend Priest Tony in Atomic Design for React
Дед с батей опять сцепились на кухне
источник

DS

Dmitry Semenovskiy in Atomic Design for React
createStore<🦉> ⁣
это и есть логично
Мне кажется нелогичным расположение. Как ты догадаешься, что она лежит рядом со страницей?
источник

c⁣

createStore<🦉>... in Atomic Design for React
Dmitry Semenovskiy
Ну а если файл на 500 строк
эм

src/pages/subscription/
 index.tsx
 actions.ts
 sagas.ts
 reducer.ts


в чем проблема?
источник

c⁣

createStore<🦉>... in Atomic Design for React
Dmitry Semenovskiy
Мне кажется нелогичным расположение. Как ты догадаешься, что она лежит рядом со страницей?
источник

c⁣

createStore<🦉>... in Atomic Design for React
это крайне интуитивно
источник

c⁣

createStore<🦉>... in Atomic Design for React
видишь страницу и видишь весь код который к ней относится
источник

DS

Dmitry Semenovskiy in Atomic Design for React
Короче, просто мне это кажется неочевидным. Наверное это вопрос персональный
источник

c⁣

createStore<🦉>... in Atomic Design for React
Dmitry Semenovskiy
Короче, просто мне это кажется неочевидным. Наверное это вопрос персональный
нет) это вопрос архитектуры
источник

DS

Dmitry Semenovskiy in Atomic Design for React
Плюс, мне не во всех страницах требуется это
источник

DS

Dmitry Semenovskiy in Atomic Design for React
То есть где-то будет, а где-то не будет
источник

c⁣

createStore<🦉>... in Atomic Design for React
Dmitry Semenovskiy
Плюс, мне не во всех страницах требуется это
с одной стороны, это крайне странно
что есть страницы, у которых нет логики

С другой стороны, ну и что, информативные страницы
сразу видно, что у них нет логики
источник

c⁣

createStore<🦉>... in Atomic Design for React
Dmitry Semenovskiy
Короче, просто мне это кажется неочевидным. Наверное это вопрос персональный
крайне не очевидно
это при одном взгляде на структуру проекта не понимать, что куда и зачем относится

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

или что ещё хуже, открывать исходники страницы и изучать на предмет импортов и выделять из них те, что относятся именно к этой странице
источник

DS

Dmitry Semenovskiy in Atomic Design for React
createStore<🦉> ⁣
с одной стороны, это крайне странно
что есть страницы, у которых нет логики

С другой стороны, ну и что, информативные страницы
сразу видно, что у них нет логики
Не так. Есть страницы которые могут дергать общий экшн, например createCard, а зачем иначе пробрасывать туда обертку ради самой обертки?
источник

c⁣

createStore<🦉>... in Atomic Design for React
Dmitry Semenovskiy
Не так. Есть страницы которые могут дергать общий экшн, например createCard, а зачем иначе пробрасывать туда обертку ради самой обертки?
эх
ридакс головного мозга
источник

c⁣

createStore<🦉>... in Atomic Design for React
компоненты знать ничего не должны про конкретную логику
источник

DS

Dmitry Semenovskiy in Atomic Design for React
Я про компоненты разве что-то сказал?
источник

c⁣

createStore<🦉>... in Atomic Design for React
если нужно выполнить какое-то действие перед createCard
где будет вноситься изменение
источник