N
Sergey B
Буду рад любой ссылке, которая направит на правильный путь или объяснит как это нужно делать правильно
смотри на
react comtext api, я надеюсь ты это не в проде делаешьSize: a a a
2021 March 09
N
Sergey B
Буду рад любой ссылке, которая направит на правильный путь или объяснит как это нужно делать правильно
но такие вещи хорошо не заканчиваются
S
но такие вещи хорошо не заканчиваются
А какие могут возникнуть проблемы?
N
Sergey B
А какие могут возникнуть проблемы?
кто тебе вообще сказал, что react+бэм это хорошая идея?
N
я извиняюсь что так жестко, просто интересно, вдруг я упустил какую-то хорошую практику
IN
кто тебе вообще сказал, что react+бэм это хорошая идея?
всё так, бэм в реакте не нужен
S
кто тебе вообще сказал, что react+бэм это хорошая идея?
Так стлизация компонентов не будет размазана по всему проекту: если мне нужно поправить стили компонента, который вызывается в 40 других компонентах, я буду работать с одним файлом, в котором будет легко понять какой styled-component применён и почему
Также мне не придётся передавать значения CSS-свойств в props. Что тоже облегчает работу со стилями и даёт возможность использовать эти значения в медиавыражениях
Также мне не придётся передавать значения CSS-свойств в props. Что тоже облегчает работу со стилями и даёт возможность использовать эти значения в медиавыражениях
N
если мы берем условный <Logo/> то просто делаем <Logo variant"header"/> или <Logo variant"footer"/>
N
в общем, я не понимаю кейса пока что
N
Sergey B
Так стлизация компонентов не будет размазана по всему проекту: если мне нужно поправить стили компонента, который вызывается в 40 других компонентах, я буду работать с одним файлом, в котором будет легко понять какой styled-component применён и почему
Также мне не придётся передавать значения CSS-свойств в props. Что тоже облегчает работу со стилями и даёт возможность использовать эти значения в медиавыражениях
Также мне не придётся передавать значения CSS-свойств в props. Что тоже облегчает работу со стилями и даёт возможность использовать эти значения в медиавыражениях
для того, что-бы стилизация не была размазана, используют темы
N
Sergey B
Так стлизация компонентов не будет размазана по всему проекту: если мне нужно поправить стили компонента, который вызывается в 40 других компонентах, я буду работать с одним файлом, в котором будет легко понять какой styled-component применён и почему
Также мне не придётся передавать значения CSS-свойств в props. Что тоже облегчает работу со стилями и даёт возможность использовать эти значения в медиавыражениях
Также мне не придётся передавать значения CSS-свойств в props. Что тоже облегчает работу со стилями и даёт возможность использовать эти значения в медиавыражениях
какой к примеру компонент, может быть использован в 40 других местах?
S
какой к примеру компонент, может быть использован в 40 других местах?
Компонент, который добавляет иконку компоненту
N
Sergey B
Компонент, который добавляет иконку компоненту
зачем иконке знать что-то о своем окружении? это просто картинка
S
Я недавно работаю с React (3 недели), человек который писал проект ушёл.
Проект имеет огромное количество очень абстрактных компонентов, которые добавляют крошечные изменения. Мне нужно как-то получить специфичность вызова компонента в его файле, чтобы можно было его стилизовать
Проект имеет огромное количество очень абстрактных компонентов, которые добавляют крошечные изменения. Мне нужно как-то получить специфичность вызова компонента в его файле, чтобы можно было его стилизовать
N
Sergey B
Я недавно работаю с React (3 недели), человек который писал проект ушёл.
Проект имеет огромное количество очень абстрактных компонентов, которые добавляют крошечные изменения. Мне нужно как-то получить специфичность вызова компонента в его файле, чтобы можно было его стилизовать
Проект имеет огромное количество очень абстрактных компонентов, которые добавляют крошечные изменения. Мне нужно как-то получить специфичность вызова компонента в его файле, чтобы можно было его стилизовать
а, ясно
N
но зачем тебе что-то пробрасывать, если проще и быстрее просто налепить css классНэймы?
S
но зачем тебе что-то пробрасывать, если проще и быстрее просто налепить css классНэймы?
Компонент, который добавляет иконку при помощи :before вызывается как в HeaderTopBar так и для компонентов, находящихся на глубине вызовов - 6 (шистой импорт), компонент, который его использует сам вызывается много где, и компонент, добавляющий иконку может иметь разную стилизацию для этих вызовов
Т.е КлассНэйм нужно менять в зависимсти от того где был вызван компонент, который использует компонент, добавляющий иконку (((
Т.е КлассНэйм нужно менять в зависимсти от того где был вызван компонент, который использует компонент, добавляющий иконку (((
S
Поэтому и придумал пропс, который пробрасываля бы всеми компонентами по-умолчанию. При помощи него можно было бы получить специфичность вызова компонентов по чепочке вызовов
SG
А сейчас это как реализовано?
N
Sergey B
Поэтому и придумал пропс, который пробрасываля бы всеми компонентами по-умолчанию. При помощи него можно было бы получить специфичность вызова компонентов по чепочке вызовов
дикий велосипед