Size: a a a

Atomic Design for React

2017 March 21

🦉⁣

🦉 ⁣ in Atomic Design for React
и просто пробуй
источник

E

Evgeniy in Atomic Design for React
например в главном app
источник

E

Evgeniy in Atomic Design for React
или гдето еще
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
CSS + React

PostCSS + CSSModules – 19
👍👍👍👍👍👍👍 26%

Sass/Less/Stylus + CSSModules – 16
👍👍👍👍👍👍 22%

JSS – 11
👍👍👍👍 15%

Sass/Less/Stylus – 10
👍👍👍👍 14%

StyledComponents – 8
👍👍👍 11%

PostCSS – 5
👍👍 7%

Vanilla CSS – 2
👍 3%

InlineStyles – 1
▫️ 1%

👥 72 people voted so far. Poll closed.
источник

E

Evgeniy in Atomic Design for React
Форма регистрации или логина на странице это организм?
источник

M

MadMax in Atomic Design for React
Это малекула
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
Evgeniy
Форма регистрации или логина на странице это организм?
поле ввода — атом
поле ввода с лэйблом и подсказкой — молекула
форма с кнопкой и полями ввода — организм
форма с кнопкой, полями ввода, валидациями и кастомным контентом — темплейт
источник

E

Evgeniy in Atomic Design for React
Спасибо
источник

E

Evgeniy in Atomic Design for React
Уже на реальном примере лучше осознаёшь что и куда
источник

E

Evgeniy in Atomic Design for React
То есть если форма с валидацией это молекулы и атомы собранные в темплейте?
источник

E

Evgeniy in Atomic Design for React
Пока не совсем могу отличить от организма
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
типа да
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
смотря какая форма
источник

E

Evgeniy in Atomic Design for React
Ну на странице форма с логином и паролем
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
но вообще, темплейт может конструировать форму по JSONScheme, например
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
Evgeniy
Ну на странице форма с логином и паролем
если такая простая и ничего шаблонного, то организмом и в модуль
А если там можно менять кусочки и/или динамически генерить, то шаблон
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
(надо на русском писать доку)
источник

E

Evgeniy in Atomic Design for React
Я за
источник

E

Evgeniy in Atomic Design for React
Двумя руками
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
наверное сегодня сяду генератор компонентов пописать
источник