названия конечно так себе, атом, молекула все вот это)

я до этого делал: лэйаут, страница, модуль, все остальные компоненты(отдельно формы и типографику выделял там и все)

Годный бойлер - это когда у твоих знакомых отключили горячую воду, а у тебя бойлер

смотрюв арке: import { IconLink, PrimaryNavigation, Block } from 'components' const Wrapper = styled(Block)`

from 'components это какая то глобальная штука в стайлед-компонентс?

https://github.com/diegohaz/arc/issues/294 ХЕЕЕХ

:)))

типа глобального, ОМГ, цсс?)

смотрюв арке: import { IconLink, PrimaryNavigation, Block } from 'components' const Wrapper = styled(Block)`

че за трэш

Это папка с компонентами

https://github.com/diegohaz/arc/blob/master/src-example/components/organisms/Header/index.js

Просто вебпак резолвит ее

Чтобы весь путь не писать

понял, но вообще выглядит как антипатерн, нет?

Почитай вики

Там объясняется зачем это

const Wrapper = styled(Block)` display: flex; justify-content: center; padding: 1rem; @media screen and (max-width: 640px) { padding: 0.5rem; } `

окей

а это как

функция которая вернула функцию которая принимает шаблон

func`лул` = funс(str,args);

Просто вебпак резолвит ее

ох ты наебешься с тестами с такими алиасами )

Ептвою, первый раз вижу эту дичь

f(f)([x, y])

походу самый хипстерский стартер раз так много вопрсов ))

авчомсмысол

авчомсмысол

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/template_strings

почему не const Wrapper = styled(Block)(` display: flex; justify-content: center; padding: 1rem; @media screen and (max-width: 640px) { padding: 0.5rem; } `)

я знаю, что такое шаблонные строки

аа, нихуя

понял

как по мне, выглядит ущербно

"Atomic Design should be a solution, not another problem. If you want to create a component and don't know where to put it (atoms, molecules, organisms etc.), do not worry, do not think too much, just put it anywhere. After you realize what it is, just move the component folder to the right place. Everything else should work." не, все таки про это хотелось бы услышать реальный опыт на больших проектах

так один шаг к глобальным нэймспэйсам и все вот это

https://github.com/diegohaz/arc/wiki/Atomic-Design#do-not-worry

Так не юзай эту фичу

Импорти по полному пути

я бы сказал что это приятная фича для быстрого прототипирования и возьму ее на заметку

ну можно просто modules = [“src”,”node_modules”]

но не для продакшена

и импортить components/atoms

а насоветуйте еще бойлерплэйтов поизучать достойных

ERROR: S client not available

https://github.com/kriasoft/react-starter-kit ну тут интересно что фрактальная структура каталогов и стартеры с аполо и сср

Но я не юзал

Там днище

Код страшно смотреть

react-boilerplate зашел

Форк некогда популярного от erikras https://github.com/bertho-zero/react-redux-universal-hot-example

но не для продакшена

а что не так ?

вносит лишнюю путаницу и затрудняет поиск компонентов например

Айдея позволяет переносить папки и сразу править импорты

чот не смог я променять атом на полноценную ide

хотя наверняка и атом можно этому научить

вносит лишнюю путаницу и затрудняет поиск компонентов например

та ну

С айдеи слез на emacs/spacemacs

сразу понятно

что это резолвятся модули

вебпаком

не надо писать страшных

'../../../../components/

как минимум было бы логично делать тогда 'atom/name' и 'molecula/name'

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