169 похожих чатов

Как относитесь к такой структуре проекта при styled components? 1. Любой

файл, где находится компонент для экспорта, имеет окончание .jsx, что указывает на наличие разметки.
2. Любой скрипт/стили будут иметь название принадлежности к модулю и иметь расширение .js

Как результат, в папке будет index.jsx с самим компонентом, и ComponentName.js с его стилями.

Все эти издержки ради красивой и понятной разметки классов в devtools, так как styled components берет название файла+название компонента для формирования класса.
Это в разы облегчает дебаг, к примеру

Что скажете?

5 ответов

11 просмотров
Мира- Автор вопроса

Как по мне - такое себе styled-components - это не стили, это компоненты, я предпочитаю их хранить вмсете с компонентами Ну и люблю осмысленные имена файлов, а индекси использую для реэкспорта из модуля

Мира- Автор вопроса
Volodymyr Klimov
Как по мне - такое себе styled-components - это не...

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

Мира
screenshot

Я выношу стайледы в отдельный файл если: - они будут реиспользоваться внутри более мелких компонентов - они занимают много места и бесят в файл styled.js, внутри этого файла, для большего понимания того, где реакт-компонент а где стили, я экспортирую их внутри namespace object S т.е. const Footer = styled.footer position: fixed; export const S = { Footer, } Таким образом, сам компонент внутри выглядит так: <S.Footer> <OtherReactCmp /> </S.Footer> Выглядит как-будто бы чище

Похожие вопросы

Обсуждают сегодня

Добрый вечер. Есть вопрос, а может и предложение. Был у меня диалог в другой группе о делфи и я задался вопросом: "А нельзя ли в делфи цвет //коментария и {комментария} сде...
Kraszx
24
Мдя, прикол, боевая сборка запускается (именно под отладчиком) после F9 примерно полторы минуты (97 секунд если быть точным). Начал копать - проблема детектится сразу - зависа...
Александр (Rouse_) Багель
38
Всем привет! Подскажи, пожалуйста, как передать в TComboBox сразу значение и id записи. На Delphi я делал так: ComboBox1.Items.AddObject('Какое-то значение', Pointer(id запис...
Евгений
13
я так понимаю, я так подозреваю, что создание такого плагина для человека, кто умеет писать плагины для делфи потребует минут 5-10 времени. но это мое подозрение. хотелось бы ...
Kraszx
7
Товарищи, кто работа с iphelper? Или может я в самой логике ошибки фигачу, не пойму.... var ifTable : PMIB_IFTABLE; size, corSize: DWORD; Buffer ...
Warfarellen
4
Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
50
Коллеги, добрый вечер. Создаю коллекцию от TFPGMap, ключ - перечисление, значение - целое. Нужно отсортировать коллекцию по значению. Как это можно сделать?
Kirill Filippenok
11
Привет, такой вопросик появился кажется ли вам что Rust слишком сложный/строгий для высокоуровневого программирования и слишком "безопасный"/строгий для низкоуровневого?
Крокант
10
Скажи а ты когда этот канал создавал ты уже дельфи не любил, или это со временем пришло?
Роман Лях (rgreat)
18
Всем привет! Использую кастомное модальное диалоговое окошко, все по классике - mrOK, mrCancel как ModalResult. Однако есть нюанс - в главной форме есть универсальный обработч...
Олег Гранишевский
20
Карта сайта