Bogdan
кто с ридакс хуками работает? разделять их нужно как то по логике или в одном хуке конектить все?
Китикет
Нужно понимать разницу между компонентом и элементом
А рендерить как в примере выше можно элементы
Ivan
Стрелочная
В старых курсах bind применяют
Китикет
В старых курсах bind применяют
А также в доке реакта)
S
Стрелочная
Мы рекомендуем делать привязку в конструкторе или использовать синтаксис полей классов, чтобы избежать проблем с производительностью.а с фичей от babel?
Китикет
Не понимаю о чем ты)
S
Какая фича от babel?
синтаксисом общедоступных полей классов,
Mihail
static шо ли?
Китикет
class properties это и есть то, что позволяет делать в классе стрелочные функции свойствами
Китикет
А так же указывать state не в конструкторе
S
синтаксисом общедоступных полей классов,
https://babeljs.io/docs/en/babel-plugin-proposal-class-properties
Артём
А рендерить как в примере выше можно элементы
Я рендерю то, что возвращает SC. В доке написано, что SC возвращает реакт-элемент
Китикет
понял, благодарю
И естественно стараются избегать стрелочных в onclick, потому что они в рендере и создаются каждый раз заново
Китикет
Артём
А что такое SC?
Styled components
Китикет
Возможно там просто терминология перепутана Потому что в <div>{something}</div> something может быть нодой (это null, строка, число и тд, а также элемент), но не может быть компонентом (то есть функцией / классом)
Mihail
пацаны, есть пример какого-то проекта, где сделан адаптив с mui? читаю у них в доке про useMediaQuery и шо то не пойму как это связать всё
Alexander
чатик, как в saga, выполнить сагу по завершению первой? Вроде как join поможет, но примеров в доке нету нихера const task = yield fork(func1, location); const result = yield join(task); yield fork(func2, result);
Alexander
если б мог)
Китикет
Есть еще вариант: npm r -S redux npm i -S effector effector-react
Aleksey
я так понял swith case не работает в jsx? чет бьет ошибку
Frontend Priest
npm r -S redux-saga npm i -S redux-thunk
очень смешно, щас бы вырезать тонны функционала потому что можем
Kurzdor
Ребят, RSuite https://rsuitejs.com/en/ или Ant Design https://ant.design/ ?
Kurzdor
Что лучше взять?
Kurzdor
в функцию пихни
arthur
Что лучше взять?
Откуда мы знаем для чего оно нужно тебе
Aleksey
switch так не работает
спс) попробую
Kurzdor
Откуда мы знаем для чего оно нужно тебе
мне нужен просто красивый и хороший компонент либу
Kurzdor
муи хуи не предлагать
Anonymous
Ребята, пилю первый react/redux проект. Аутентификацию думаю сделать с JWT. То есть изначально jwt попадет в мой глобальный стейт редакса, но как щас правильно хранить его в localstorage(?) чтобы сохранять авторизацию после перезагрузки. И да, я юзаю тайпскрипт. Может есть хорошие примеры? Что-то типа middleware redux? Написать костыль или добавить зависимость?
Китикет
сам охуел
В первый раз вижу, просто идеальная штука на первый взгляд
Kurzdor
собираю на чем бы писать проект
Kurzdor
Ух ты, это что за чудо
ну думаю на рсуите писать
Kurzdor
хотя ант тоже красивый
arthur
или любое что-то похожее
Dmitry
Поиск на клиенте дико медленно?
Dmitry
Вот в телеге. Все работает норм Да и вк И все локально
Китикет
Китикет
Ну в анте все-таки побольше всего
Looch
Он блокирующий
Looch
fork не блокирует
Alexander
уже замутил с помощью join. join тоже блокирует?
Looch
const res1 = yield call(gen1) const res2 yield call(gen2, res1)
arthur
Поиск на клиенте дико медленно?
Откуда мы знаем, сколько у тебя там даты?
arthur
Может у тебя миллион товаров в интернет-магазине
Aleksey
сори за глупый вопрос) обернул в функцию свичКейс в Jsx разметке. все равно не пашет. че не так?
Azamat
сори за глупый вопрос) обернул в функцию свичКейс в Jsx разметке. все равно не пашет. че не так?
Думаю фигурные скобки свича даже внутри функции будут ломать парсинг
Azamat
хренова
Вот так попробуй getComponent(){ switch(this.props.Selected){ case '1': return <ComponentOne/>; case '2': return <ComponentTwo/>; // .. etc default: return <ComponentOne/> } } render() { return (<ReactSVGPanZoom> {this.getComponent()} </ReactSVGPanZoom>); }
Aleksey
вот такой)
Alex
Господа, кто юзал Apollo link rest?
Alex
Готов он для прода?
Китикет
Ну и работу jsx еще)
Aleksey
Жс учить бы
да нах надо) сразу ангуляр подавай0
Китикет
А вообще зачем там свич этот? Наверняка можно без него
Aleksey
шутка0 да разобрался очень быстро когда отказался от свича
Китикет
Туда можно только inline код сувать, то есть подойдет одно выражение типа тернарника, или IIFE
Китикет
IIFE бы как раз подошло под свич, но это извращение)
Vyacheslav
Привет! Такой вопрос. Я в реакт компонент подгружаю по айди свг из свг-спрайта, который не является реакт компонентом. Все бы ничего, но когда дело доходит до свг у которых в структуре есть linearGradient, изображенгия перестают отображаться (или если градиент это только часть изобрадегния, то не отображается только градиентная часть). Я так понимаю дело в атрибутах linearGradient (stop-color, например), которые пишутся через дефис. По моей теории реакт понимает только кемел кейс и если бы свг был реакт компронентом то я бы написал <LinearGradient stopColor="..."> Я так понгимаю нужно как-то транспилить код градиента чтобы реакт его понимал, но это только мое предположение. Может кто-то сталкивался с подобной проблемой? Само собой если в коде свг заменить stop-color на stopColor, то свг ломается
Если не ответили / решил то можно пробовать(закостылить) через dangerousInnerHtml
S
как заставить работать без заворачивания в onclick функции и без bind?
Gosha
Если не ответили / решил то можно пробовать(закостылить) через dangerousInnerHtml
Спасибо за отклик! Нет, пока не удалось решить. Завтра вернусь к этому и напишу!