🦜
ммм сагэ)
Bogdan
Нене, организм это законченая конструкция, которая имеет ценность сама по себе
Default
Хидер организм, форма с шагами организм
Sm•ok
ну вот скрин выше я разбил, это ведь такая страница, значит и в проекте лежать в папке pages должна?
Если ты это будешь подключать к другим страницам, то вряд-ли.
У примеру форма авторизации. Она есть почти везде. Это организм.
А тут я вижу в тебя просто страницу
Bogdan
Хидер организм, форма с шагами организм
что то я опять запутался, организм должен состоять из молекул, в хедере только атомы
Default
С чего вдруг в хидере только атомы, когда у тебя менюха слева молекула?
Default
Алсо, вот как раз в организме могут быть атомы сами по себе
Sm•ok
что то я опять запутался, организм должен состоять из молекул, в хедере только атомы
Организм это типа ту-ду лист на какой то более большой странице, форма авторизации. Организм может хранить стейт, сложную логику, работать с XHR
Егор
Ребят, а с какими знаниями можно идти на фриланс, и какое должно быть портфолио и как его сделать? заранее спасибо
Default
Атом это кирпичик без логики вообще, просто презентационный компонент, молекула может содержать презентационную логику, организм хранит всю остальную логику
Alexey
То ли канал для медиков, то ли канал для астрономов.
Alexey
Организмы, молекулы )
Sm•ok
Атомы — простейшие компоненты, составляющие части более высокоуровневых компонентов. Могут включать в себя: чистый html, стили. Не могут: состоять из других атомов, иметь логику отображения. Например: поле ввода, подпись, графический значок.
Молекулы — составные компоненты, отражающие одну бизнес-сущность. Могут включать: атомы, html, стили, несложную логику. Не могут включать в себя: другие молекулы, сложную логику, иметь неопределенное поведение. Например: поля форм, заголовки, вкладки, полоса прогресса. Молекулы, как и атомы должны быть максимально универсальными.
Организмы — компоненты, имеющие сложную логику. Самые используемые компоненты в вашем проекте. Содержат в себе: атомы, молекулы, сложную логику и в некоторых случаях поведение, определяющееся извне. Необходимо избегать использования непосредственно стилей в организмах, для этого есть более низкоуровневые компоненты. Например: форма регистрации, карточка статьи, календарь, чат.
Шаблон — разметка для других компонентов. В некоторых случаях у вас будут компоненты, которые просто размещают в себе другие компоненты в определенных местах, - это и есть шаблоны. Шаблоны упростят жизнь, если у вас есть некая разметка с простыми стилями и позиционными компонентами. Может включать в себя: атомы, молекулы, стили, другие шаблоны, простейшую логику. Не может включать в себя: организмы. Шаблоны могут быть как целой страницы, так и её частей. Например: шаблон страницы пользователя/компании, шаблон заголовка сайта (Header).
Страницы — компонент, включащий в себя все остальные компоненты, конечная точка вашего роутера. Страницы обычно располагаются в проекте, используя компоненты из библиотеки.
Экосистемы — наборы компонентов, связанных одной областью использования. Обычно это вложенная директория с той же структурой atoms, molecules, organisms, включающая в себя только компоненты. Которые, например, относятся только к профилю пользователя. При составлении UI библиотеки экосистемы скорее всего останутся в проекте, а в библиотеку уйдут универсальные для всех проектов компоненты.
Default
Ребят, а с какими знаниями можно идти на фриланс, и какое должно быть портфолио и как его сделать? заранее спасибо
По факту вообще с любыми, хтмл/цсс достаточно, в портфолио два-три свёрстанных сайтика из бесплатных psd шаблонов
Alexandr
Ребят, а с какими знаниями можно идти на фриланс, и какое должно быть портфолио и как его сделать? заранее спасибо
очень офтопный вопрос, щас организмы и иконки в 2 поля дообсуждаем 😊
Bogdan
Организм это типа ту-ду лист на какой то более большой странице, форма авторизации. Организм может хранить стейт, сложную логику, работать с XHR
молекулы и атомы без логики должны быть?
Default
По факту вообще с любыми, хтмл/цсс достаточно, в портфолио два-три свёрстанных сайтика из бесплатных psd шаблонов
Правда, рейт будет такой себе, но всё с опытом приходит
Sm•ok
но очень очень глупая
Sm•ok
к примеру toggle иконки )
Sm•ok
актив/пассив
Default
И никакой другой
Vall
Атом это кирпичик без логики вообще, просто презентационный компонент, молекула может содержать презентационную логику, организм хранит всю остальную логику
Сразу вопрос : есть 3 организма, над ними page, то всю логику страницы хранить в самой странице или в организмах?
Default
Сразу вопрос : есть 3 организма, над ними page, то всю логику страницы хранить в самой странице или в организмах?
Что случится, если ты организмы перетащишь на другую страницу?
Vall
Я допустим это все в страницы ложу, всю логику и тд, а организмам прокидываю
Sm•ok
Организмы не должны зависить от страницы, думаю
Vall
Что случится, если ты организмы перетащишь на другую страницу?
Ну я вот слышал что некоторые в организм кладут логику, я же сторонник хранить всю логику в page
Default
Если у тебя на нескольких страницах повторяется лэйаут «хидер-контент-асайд-футер», то это надо хранить в шаблонах
Default
Ну я вот слышал что некоторые в организм кладут логику, я же сторонник хранить всю логику в page
Организм не должен терять функциональность от перемещения на другую страницу
Default
У организма должно быть API, чтобы страница могла с ним взаимодействовать
Vall
Организм не должен терять функциональность от перемещения на другую страницу
Можешь навести пример?
Какую функциональсть?
Vall
У организма должно быть API, чтобы страница могла с ним взаимодействовать
Ну хорошо, есть логика, перенесли на другую страницу, но мне там эта логика не нужна
Vall
Почему в странице не хранить логику?
Vall
А в организм прокидывать?
Default
Можешь навести пример?
Какую функциональсть?
Ну вот есть у тебя виджет для новостей из внешнего источника, он в рамках атомика является организмом. Если ты решишь его перенести с главной страницы на страницу статей, то он не должен за раз опустеть
Default
В странице хранится только логика взаимодействия между организмами
Sm•ok
Ну вот есть у тебя виджет для новостей из внешнего источника, он в рамках атомика является организмом. Если ты решишь его перенести с главной страницы на страницу статей, то он не должен за раз опустеть
Ого, я тоже самое почти дописал и тут ты такое выдаешь ))
Bogdan
Организм не должен терять функциональность от перемещения на другую страницу
вот подытожить, логика хранится в молекулах и организмах, в страницах ее не должно быть, они только представляют компоненты?
Default
Иначе зачем тебе вообще атомик
Sm•ok
вот подытожить, логика хранится в молекулах и организмах, в страницах ее не должно быть, они только представляют компоненты?
В страницах будет логика, но не сильно касающаяся организма или вообще наверное не касающаяся
Sm•ok
но она может управлять другими молекулами/атомами
Default
вот подытожить, логика хранится в молекулах и организмах, в страницах ее не должно быть, они только представляют компоненты?
В страницах может быть логика взаимодействия между организмами
Default
И по-идее никакой другой там быть не должно
Bogdan
В страницах может быть логика взаимодействия между организмами
можно пример взаимодействия? передать состояние или обработчик?
Sm•ok
можно пример взаимодействия? передать состояние или обработчик?
редакс конектишь к странице и пропсом кидаешь что-то в организм
Sm•ok
как пример
Default
можно пример взаимодействия? передать состояние или обработчик?
Первое, скорее. Вот есть у тебя список какой-нибудь, контент списка может зависеть от города, из которого пришёл юзер. Прокинуть город в организм страница может
Bogdan
редакс конектишь к странице и пропсом кидаешь что-то в организм
ридакс конектить рекомендуется к странице или без раздницы куда?
Default
Можно и в сами организмы
Default
Да можно, в общем-то. Организм может вообще со страницей не взаимодействовать
Default
Тут всё зависит больше от организации стора
Bogdan
Да можно, в общем-то. Организм может вообще со страницей не взаимодействовать
спасибо, более понятно стало надеюсь)_
Sm•ok
Но кстати, есть отдельный чат по атомик
Sm•ok
лучше эти вопросы туда
Default
@atomicdesign
Vall
Первое, скорее. Вот есть у тебя список какой-нибудь, контент списка может зависеть от города, из которого пришёл юзер. Прокинуть город в организм страница может
Я все равно чуть не могу понять
Ну вот есть организмы, почему в них не прокидывать методы и данные, пэйдж же хранит все себе всю логику и состояния, потом если надо, организ перенесли на другую страницу, прокинул данные и нормально + видно что куда прокидывается
Default
Default
Если это контексто-зависимая штука
Default
Блок статей, например, который наполняется в зависимости от того, где его вкорячили, то можно из пейджа
Default
Если блок статей везде одинаковый, то какой в этом смысл?
Vall
Понял
Vall
Дошло
Vall
Спасибо)
🦜
Переписать нормально плагин имеешь в виду?
class Projects extends Component {...}
const connected = connect()(Project)
export default Watch(connected)
Я правда не совсем понимаю, что нужно Watch передавать
Sm•ok
ВРоде как орут, что это зло )
myown.
всем привет!
Sm•ok
class ProjectView...
export const Project = connect(....)(ProjectView)
Андрей
А зачем кстати дефолтный экспорт ?
Next требует что бы компонент страницы так экспортировался
Sm•ok
Там да)