Как добавить префикс (хеш стилизованного компонента) ко всем классам элементов дочерних компонентов (third party, не styled) обернутых в styled?

а откуда идут класснеймы точнее стили для них где объявляются?

Допустим я имею такой store: { reducer1: { name: 'first name' }, reducer2: { message: { id: '1', content: 'test content', } } } 1. если я в mapStateToProps подпишусь на state.reducer2.message.id при изменении state.reducer2.message.content мой mapStateToProps будет вызыван? 2. Будет ли перерендер компонента который подписан на reducer1 если был изменен только reducer2 ?

Конечно. При изменении стора все все mapStateToProps вызываются. Они же не знают что изменилось

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

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

display: none ?

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

{false && <div></div>}

display: none ?

Нужно спрятать хедер, который находится в app.jsx, не нужен только на главной странице...

Location check

Location check

Спасибо, сейчас погуглю

Location check

а через роутер локейшен нельзя ?

Я о томже

а через роутер локейшен нельзя ?

а откуда идут класснеймы точнее стили для них где объявляются?

Внутри библиотеки. Например rc-slider. Там чисто по старинке. Думал закрыть внутренние классы префиксами. Кстати мб есть уже подобный рейндж написанный на SC? Искал но не нашел. Сейчас выбор стоит перед написанием своего(долго) или юзаньем rc-slider (быстро но малонадёжно)

а кто нить знает как отключить автоформат в idea ide для строки кода? есть дюже большой импорт, а когда реформат срабатывает он его выстраивает в столбик, хочется оставить одной строкой

@ide_ru

лол

может еще отдельные каналы по клавиатурам и мышкам есть? )

Внутри библиотеки. Например rc-slider. Там чисто по старинке. Думал закрыть внутренние классы префиксами. Кстати мб есть уже подобный рейндж написанный на SC? Искал но не нашел. Сейчас выбор стоит перед написанием своего(долго) или юзаньем rc-slider (быстро но малонадёжно)

никак думаю

а кто нить знает как отключить автоформат в idea ide для строки кода? есть дюже большой импорт, а когда реформат срабатывает он его выстраивает в столбик, хочется оставить одной строкой

Search for plugins

А есть у кого онлайн тест на знание реакт? Или может тестовое задание с какой-нибудь реакт вакансии?

А есть у кого онлайн тест на знание реакт? Или может тестовое задание с какой-нибудь реакт вакансии?

Напиши инстаграм.

Напишешь - знаешь реакт.

А есть у кого онлайн тест на знание реакт? Или может тестовое задание с какой-нибудь реакт вакансии?

У @maxfarseer на эту тему есть —> https://maxpfrontend.ru/zametki/spisok-testovyh-zadaniy-ot-podpischikov-1/

У @maxfarseer на эту тему есть —> https://maxpfrontend.ru/zametki/spisok-testovyh-zadaniy-ot-podpischikov-1/

Спасибо

Новая часть рамдашных статеек https://habr.com/post/415025/

https://t.me/javascript_jobs

А есть у кого онлайн тест на знание реакт? Или может тестовое задание с какой-нибудь реакт вакансии?

есть еще сами тестовые задания и проверки их: https://github.com/maxfarseer/tz-webinars, скоро будет третье

есть еще сами тестовые задания и проверки их: https://github.com/maxfarseer/tz-webinars, скоро будет третье

Спасибо

Коллеги, объясните в чем ошибка, по кнопке отправляю запрос через fetch получаю JSON и через setState добавляю ответ в массив а потом вывожу, почему то если нажать на кнопку один раз то массив не обновится а если второй раз, то обновляется

Если обращаться к нему через this.sales

Если обращаться к нему через this.sales

Выводишь из this.sales а не из state ?

const { seals } = this.state; а потом использую seals просто

Но почему то все равно на второй раз срабатывает

Забавно, когда пытаешься написать сюда вопрос - сразу же находится ответ :D

const { seals } = this.state; а потом использую seals просто

Может быть проблема в асинхронном setState,какойто из вызовов переопределяет setState.if(true) setState(val1); setState(val2); val1 может потерятся

По крайне мере я сталкивался с подобным,хорошо бы код увидеть)

привет! быстрый вопрос: а как в jsx экранировать <<

привет! быстрый вопрос: а как в jsx экранировать <<

Использовать запись через &

Как в обычном html

спасибо, Степан!

что

-___-

Проблема закл. в том, что когда идет openEditPostModal идет большая задержка перед открытием модалки.

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

типа аккрадеона

Проблема закл. в том, что когда идет openEditPostModal идет большая задержка перед открытием модалки.

Что-то явно неадекватное

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

Что-то явно неадекватное

в плане?

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

Редьюсер на момент первого рендера недоступен? )

в плане?

Долго открываться не должна

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

Опиши кейс, аж интересно стало

Редьюсер на момент первого рендера недоступен? )

Да. Он в другом аппе (система портлетов) по сути инициализируется.

Нихуя портлеты ахуеть

Шрифты через styled components лучше не добавлять?

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

ERROR: S client not available

Шрифты через styled components лучше не добавлять?

Почему?

Можно ли в react router сделать редирект спутся какое-то время?

Можно ли в react router сделать редирект спутся какое-то время?

можно (можешь просто изменить хистори, спустя какое-то время)

можно (можешь просто изменить хистори, спустя какое-то время)

ты про ...history.push('tralala')?

Да

ты про ...history.push('tralala')?

ага, можно диспатчнуть пуш, если используется react redux router и есть желание

Ок. Спасибо

Почему?

ну долго будут грузится, лучше в index.html напрямую присунуть с rel=preload

Привет. Использую mini-css-extract-plugin для того что бы получать весь css, но что то он какой то кривой три-шейкинг делает и там многого нет. Подскажите, что можно использовать в контексте 4 вебпака, что бы получить весь css проекта?

Привет. Использую mini-css-extract-plugin для того что бы получать весь css, но что то он какой то кривой три-шейкинг делает и там многого нет. Подскажите, что можно использовать в контексте 4 вебпака, что бы получить весь css проекта?

Цсс тришейкаться не должен

Ты весь цсс импортируешь?

Да. Он в другом аппе (система портлетов) по сути инициализируется.

Реквестирую чат энтерпрайз реакта на системах Айбиэм

ну долго будут грузится, лучше в index.html напрямую присунуть с rel=preload

Да, в глобальный импорт добавить шрифт, а в sc его и юзать

А если несколько шрифтов, то там уже подгружать нужные

Шрифты через styled components лучше не добавлять?

https://github.com/styled-components/styled-components/issues/1593

пока это не закроют действительно лучше не добавлять

Ты весь цсс импортируешь?

Я импортирую модули. В каждый модуль импортируется pcss При обработке pcss в вебпаке используется mini-css-extract-plugin { test: /\.pcss$/, use: [ MiniCssExtractPlugin.loader, { loader: 'css-loader', options: { minimize: true, modules: true, importLoaders: 1, localIdentName: '[local]~~~~[hash:base64:24]', }, }, 'postcss-loader', ], }

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

Ребят, как правильно поступать с key? А конкретно что лучше туда передавать? Например при переборе массива мапом, индекс - я так понимаю нельзя, так как при изменении его, меняется и key

Я тоже с этой проблемой боролся. Если тебе надо обновлять/удалять произвольные элементы массива то key=Math.random() дабы обновлялся дом с массивом. Если массив не изменяется то индекса будет достаточно

Привет

Как "min": 4, "max": 7, "increment": 0.2 Быстро превратить в список?

Spread оператор?

а через роутер локейшен нельзя ?

Случайно нет под рукой примера? ?

Список должен быть [4, 4.2, 4.4 ...]

Я что-то дико туплю

Я понимаю, что можно фор луп