можно сказать так - https://www.styled-components.com/ - стандарт де-факто для стилизации компонентов в React?

можно сказать так - https://www.styled-components.com/ - стандарт де-факто для стилизации компонентов в React?

Я бы сказал так, но некоторые не согласятся.... ?

можно сказать так - https://www.styled-components.com/ - стандарт де-факто для стилизации компонентов в React?

Стандарт Css in js скорее

на реакте интерфейсы хорошо делать, на канвасе можно чистым писать, да и плюс иммутабельность и прочие прикольные плюшки это не про канвас)

реативистов найти проще канвасистов

реативистов найти проще канвасистов

Канвасисты ?)

Какой подход правильный стилей компонентов: 1. Классы с препроцессорами 2. Styled-components 3. Напрямую style={{...}} внутри компонентов (что скорее всего точно вряд ли 4. Есть что-то лучше ?

Какой подход правильный стилей компонентов: 1. Классы с препроцессорами 2. Styled-components 3. Напрямую style={{...}} внутри компонентов (что скорее всего точно вряд ли 4. Есть что-то лучше ?

2

Какой подход правильный стилей компонентов: 1. Классы с препроцессорами 2. Styled-components 3. Напрямую style={{...}} внутри компонентов (что скорее всего точно вряд ли 4. Есть что-то лучше ?

2

Вот чаще надо еще стилизовать вложенные элементы - как удобней всего? SC

Какой подход правильный стилей компонентов: 1. Классы с препроцессорами 2. Styled-components 3. Напрямую style={{...}} внутри компонентов (что скорее всего точно вряд ли 4. Есть что-то лучше ?

Есть альтернативные решения для css in js. Если styled не устраивает

Есть альтернативные решения для css in js. Если styled не устраивает

Можно поподробнее пожалуйста. Возможно что-то удавалось применить не практике и довольно успешно ?

Можно поподробнее пожалуйста. Возможно что-то удавалось применить не практике и довольно успешно ?

styled jsx, например

Если использовать styled-components. То необходимо выносить в общие файлы набор компонентов с общими стилями и уже оттуда их экспортировать и использовать в нужных далее компонентах верно?

Когда вложенных много - портянище выходит

Есть альтернативные решения для css in js. Если styled не устраивает

CSS in JS - это не тоже, что CSS Module?

Какой подход правильный стилей компонентов: 1. Классы с препроцессорами 2. Styled-components 3. Напрямую style={{...}} внутри компонентов (что скорее всего точно вряд ли 4. Есть что-то лучше ?

Styled-components - мне нравится, пробовал

CSS in JS - это не тоже, что CSS Module?

не

у меня на работе JSS Работает, но не так хайпово как стайлед компоненты

у меня на работе JSS Работает, но не так хайпово как стайлед компоненты

У него API некрасивый

апи как апи

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

внутри

и через него удобно все оверрайдится

без костылей сверху

Check out We Choose by Her https://play.google.com/music/m/Te2m3psgdfgfbqbe4fnz5ismh3e?t=We_Choose_-_Her

реативистов найти проще канвасистов

с кавасом перфоманс важен, тут вопрос не найти проще, а кого нибудь найти)

Читай доки, в принципе точно так же. Вместо класса error проп error. Из остальных селекторов нужен только focus

Читай доки, в принципе точно так же. Вместо класса error проп error. Из остальных селекторов нужен только focus

да, разобрался)

Всем привет. Кто работал с reach-router, как впечатления? Годная штука?

Всем привет. Кто работал с reach-router, как впечатления? Годная штука?

Да

Всем привет. Кто работал с reach-router, как впечатления? Годная штука?

Годная

https://habr.com/article/424479/

https://habr.com/article/424479/

И? Зачем мне фотки чуваков? Зачем мне сомнительного качества вопросы?

it’s up to you

Сколько сайт должен весить в среднем?

Сколько сайт должен весить в среднем?

Сайт сайту рознь. И что имеется в виду: десктоп или девайсы? В общем вопрос из серии "сколько должен весить человек?" :)

Сколько сайт должен весить в среднем?

с нод модулями? да сколько угодно

А вообще на реальных продуктах всё это рассчитывается исходя из SLA.

Ребят,скажите,есть 2 типа пользователей,админ и супер админ, супер админ создает админов, как разграничить можно их права на фронте,т.е то что показывается группе

Ребят,скажите,есть 2 типа пользователей,админ и супер админ, супер админ создает админов, как разграничить можно их права на фронте,т.е то что показывается группе

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

а есть где прочитать?редаксом пользуюсь,но делал только авторизацию для него и провайдером скрывал пункты для не залогиненых

Народ, можете подсказать плагин для tslint, который позволяет выстроить последовательность методов в компоненте?

Народ, можете подсказать плагин для tslint, который позволяет выстроить последовательность методов в компоненте?

@ts_ru

это всё же ближе к реакту... ну да ладно, и на том спасибо

Народ, подскажите, в контролируемых фомах с Redux каждый чих (onChange) надо через диспетчер пргонять?

ERROR: S client not available

да

Народ, подскажите, в контролируемых фомах с Redux каждый чих (onChange) надо через диспетчер пргонять?

Можешь debounce повесить

Ну тогда проще через DOM по старинке собрать.

Спасибо.

Ребята, как в draft-js из стейта с “текст [сущность] текст” получить массив [текст, сущность, текст]? Draft.convertToRaw() возвращает просто текст + массив сущностей (то есть обычного текста во втором нет)

Тебе вроде нужен contentState

Если я тебе правильно понимаю

Draft.convertToRaw(editorState.getCurrentContent())

мне нужно что-то типа [{ type: ‘plainText?’, data: ‘фф’ }, { type: ‘mention’, data: ... }, { type: ‘plainText?’, data: ‘asdfasd’ }]

сделал компонент - всплывающее окошко по горячей кнопке, находит на странице все data-debug атрибуты и забирает оттуда колбек с интересными при отладке values

долой console.log при дебаге :)))

При сборке дата атрибуты вырезаются?

При сборке дата атрибуты вырезаются?

а как они мешают то?

При сборке дата атрибуты вырезаются?

ты про продакшин?

а как они мешают то?

А зачем они?

ты про продакшин?

Да

офк нет, плагин для бабеля написать придется

во-первых их не так много

во вторых они мне нужны только во время разработки

там же на самом деле data-debug={prepareDebugInfo(object)}