Привет можете помочь в React есть кнопка клик на любой точки экрана при клике я получаю div внутри class как я могу получить только буквы из class ? Мне нужно получить слова frame

Ssr пока нет, но это приведет к увеличению времени оживления - придется сделать несколько запросов за данными

всем привет У меня есть тема, и чтобы ее менять я ее запихнул в React Context, и дело в том что я сделать обертку провайдера над главным App, и в контексте у меня есть State с isSidebarOpened и как раз этой темой, и когда я toggleSidebar у меня идет обновление всего аппа, не кто не знает как сделать, чтобы обновление делать только если тема изменилась? И сорян за контекст)

Тему вынести в themeprovider не?

Тему вынести в themeprovider не?

прошу прощения, вопрос глупый и длинный Понаписал кучу логики, обернул всё в несколько классов и интерфейсов (ts), вроде бы всё хорошо работает Начал писать фронт для этого (на реакте), и понял, что дёргая методы написанных ранее классов, реакт-компонент обновляться не будет (он то и понятно, он тупо не видит изменения данных внутри класса, а они там достаточно глубоко) И вот тут я задумался а как вообще делать - методы класса вынести за его пределы перенести в какой-то родительский реакт-компонент и контекстом спускать вместе с данными (которые тоже придётся вынести из класса)? получается что и классы с логикой писать не надо было Собственно вопрос в том, как вообще надо делать, с одной стороны хочется оставить классы как некую модель, с другой стороны не хочется писать костыли, чтобы при вызове методов как-то принудительно обновлять компонент

У тебя стейт приложения хранится в отдельных классах и ты хочешь добавить реактивности к этому?

да, можно и так сказать

посмотри в сторону кастомных хуков и useReducer

да, можно и так сказать

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

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

Если ты не хочешь брать стейт менеджер вместо классов, то надо хотя бы реализовать обсервер паттерн. Например, взять rxjs.

казалось, что возможно есть решение попроще

Только если возьмешь rxjs, помни главное - всегда отписывайся! 😊

прошу прощения, вопрос глупый и длинный Понаписал кучу логики, обернул всё в несколько классов и интерфейсов (ts), вроде бы всё хорошо работает Начал писать фронт для этого (на реакте), и понял, что дёргая методы написанных ранее классов, реакт-компонент обновляться не будет (он то и понятно, он тупо не видит изменения данных внутри класса, а они там достаточно глубоко) И вот тут я задумался а как вообще делать - методы класса вынести за его пределы перенести в какой-то родительский реакт-компонент и контекстом спускать вместе с данными (которые тоже придётся вынести из класса)? получается что и классы с логикой писать не надо было Собственно вопрос в том, как вообще надо делать, с одной стороны хочется оставить классы как некую модель, с другой стороны не хочется писать костыли, чтобы при вызове методов как-то принудительно обновлять компонент

Приветствую. В приложении есть 2 выпадашки для назначения двух параметров сортировки. const [sortby, setSortby] = useState('unsorted'); const [order, setOrder] = useState('unsorted'); Как сделать, чтобы при выборе unselected на одной выпадашке, то же отображалось на другой? Значения на стейте приложения меняю в соотвтетсвующих выпадашкам onChange методах, полный код на https://pastebin.com/Xic4Xc2D.

Всем привет Есть такой код state = { error: '', posts: [], users: [], }; componentDidMount() { this.getData('posts'); this.getData('users'); } private getData(type: string): void { fetch(https://jsonplaceholder.typicode.com/${type}) .then(response => response.json()) .then(data => this.setState({ [type]: data })) .catch(error => this.setState({ error })); } Но у меня ошибка Expected an assignment or function call and instead saw an expression no-unused-expressions

а зачем делать private?

Чтобы тс по максимуму использовать Оно по сути и есть private

На самом деле приватность и публичность методов в классе-компоненте — забавный атавизм мышления (это не оскорбление). Методы компонента не вызывает никто, кроме реакта. Те, что публичные, не могут быть приватными — тс упадёт. А те, что приватные — всё равно никто снаружи вызывать не будет — вызывать некому.

видал я, как в реф совали компонент и дёргали его методы

А я видал, как «о, мне бы вот этот метод вызвать снаружи, но он приватный... хм... оп, теперь он публичный!»

На самом деле приватность и публичность методов в классе-компоненте — забавный атавизм мышления (это не оскорбление). Методы компонента не вызывает никто, кроме реакта. Те, что публичные, не могут быть приватными — тс упадёт. А те, что приватные — всё равно никто снаружи вызывать не будет — вызывать некому.

господа, в getDerivedStateFromProps(nextProps, prevState) хочу обработать prevState, возникает ошибка Unhandled Rejection (Error): A cross-origin error was thrown

в голос с ника

Хм, Катя Маслова, это же из Воскресение Л.Н. Толстого? И вопрос, ребята, кто-нибудь пробовал на бэк ASP.Net Core 2 WebApi с подключенным MessagePack отправить через fetch() запрос POST с body - JSON.stringify(myJSObject)? Как вы обходили проблемы декодирования MessagePack? Я попробовал упаковать на фронте не через JSON.stringify(), а через msgpack-light. Бэк все-равно ругается...

Эм, а зачем json раз у вас msgpack? Шлите сразу бинарные сообщения в body запроса

Я отсылаю сериализованный с помощью msgpack-light объект.

Ребят какой флоу работы с Reshadow? как я понял , для каждого тега нужно делать отдельно свой styled компонент. Я хочу отделить логику от визуала. И если у меня например карточка с товаром внутри которой ряд Дивов и инлайн элементов, мне нужно каждый элемент стилизовать в отдельном файле и подключать? Есть другой вариант? До этого я просто работал только с css модулями. Просто если у меня много h2 с разными стилями в разных местах, мне нужно миллион файлов создавать с разными вариантами h2?

некоторые фигачат стайлед-компоненты прямо в том же файле, если они уникальные https://github.com/howtocards/frontend/blob/dev/src/features/cards/organisms/card-item.js#L179 https://github.com/today-/actorsmovies/blob/master/src/components/game/item/GameItem.tsx#L53

@artalar привет, ты вот не заюзал аполо клиент, заменив его на graphql-request, а кроме меньшего размера, ведь какие приемущества? я так посмотрел, что их вроде и нету

Ребят какой флоу работы с Reshadow? как я понял , для каждого тега нужно делать отдельно свой styled компонент. Я хочу отделить логику от визуала. И если у меня например карточка с товаром внутри которой ряд Дивов и инлайн элементов, мне нужно каждый элемент стилизовать в отдельном файле и подключать? Есть другой вариант? До этого я просто работал только с css модулями. Просто если у меня много h2 с разными стилями в разных местах, мне нужно миллион файлов создавать с разными вариантами h2?

@reshadow

Ребят какой флоу работы с Reshadow? как я понял , для каждого тега нужно делать отдельно свой styled компонент. Я хочу отделить логику от визуала. И если у меня например карточка с товаром внутри которой ряд Дивов и инлайн элементов, мне нужно каждый элемент стилизовать в отдельном файле и подключать? Есть другой вариант? До этого я просто работал только с css модулями. Просто если у меня много h2 с разными стилями в разных местах, мне нужно миллион файлов создавать с разными вариантами h2?

А мне кроме генерации типов от gql больше и не нужно ничего.Я кешами через СТМ управляю

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

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

а есть примеры? На офф сайте не нашёл

Мы, кстати, думаем на css файлы пересесть

1. В списке тегов нет header, а в стилях есть 2. Для элементов устанавливается что-то кроме позиции и отступов

1. В списке тегов нет header, а в стилях есть 2. Для элементов устанавливается что-то кроме позиции и отступов

1. не, ты не заметил видимо

Ну и конечно rest props

Установка стилей цветов и прочего может сломать компонент, если изнутри он ставит свои стили, которые несовместимы с установленными снаружи

То есть лучше все таки отдельно каждому компоненту стили задавать?

То есть лучше все таки отдельно каждому компоненту стили задавать?

То есть лучше все таки отдельно каждому компоненту стили задавать?

Гайз, общий вопрос. Есть конфиги еслинта, как настроить prettier на точно такое же форматирование

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

а наоборот нельзя?