history.push() ?
эмм можно подробнее?
Rauf
Roman
товарищи, может кто знает какой нить большой на реакт проект шоб посмотреть как бэст практис и все такаое ?
Mihail
эмм можно подробнее?
Роутер предоставляет объект history
Через history.push(url) можешь редиректнуть на нужный тебе роут
Rauf
Роутер предоставляет объект history
Через history.push(url) можешь редиректнуть на нужный тебе роут
аа так вот оно как.Спасибо
Sergey
Sergey
Китикет
И простая такая
U
как передавать значения хуков из компонениа в компонет? не могу найти инфу
artalar
U
не понимаю
filips
Привет всем. Подскажите какую структуру выбрать для хранения GraphQL фрагментов и квери на клиенте в реакт приложении?
Paul
Привет всем. Подскажите какую структуру выбрать для хранения GraphQL фрагментов и квери на клиенте в реакт приложении?
Привет, пихай запросы в отдельные .graphql файлы. Их можно обрабатывать через graphql-loader
filips
Привет, пихай запросы в отдельные .graphql файлы. Их можно обрабатывать через graphql-loader
а в чем профит использовать отдельный формат для которого еще нужен свой лоадер?
Paul
а в чем профит использовать отдельный формат для которого еще нужен свой лоадер?
Ну рано или поздно, если запросов не 1-2 штуки, то захочется их куда-то вынести
filips
ну так а в чем выгода перед имя.graphql.js ?
Paul
Выносить их в виде строки или переменных в .js файлы? Ну так себе идея. А с отдельными файлами будет удобно и структурировано. + будет автокомплит
U
U
отсюда разве просто пропсами можно.передать?
Paul
Ставишь JS graphql плагин в вебшторм и у тебя появляется автокомплит по полям, прямо с сервера
filips
во это хотю )
filips
че за плагин
Paul
+ вебпак будет кешировать отдельные файлы при сборке
filips
не знаешь для вскод аналог есть?
Mihail
Mihail
значит можно
U
не могу принять это в дочернем
U
значит можно
Paul
Но я особо не тыкал
Китикет
[Something!]!
Китикет
Обязательный массив обязательных Something
Китикет
Или что
Paul
Обязательные поля в графкл
Китикет
Выглядит конечно немного непривычно)
Paul
Это только на сервер сайде)
Paul
При описании схем запросов
Китикет
Так еще пойдет
Mihail
Mihail
Mihail
Должны передаваться
Mihail
И в super тоже
Mihail
А вообще конструктор можно не писать в твоём случае
Mihail
Просто state = {}
Artem
Гайз, помогите пжлст. Такая ситуация:
if (!load) {
return <Loader />
} else {
return (
<CSSTransition in={load} timeout={1000} classNames="show-component">
<CheNibud />
</CSSTransition>
);
}
Суть в том, что CSSTransition отрабатывает по изменению атрибута in. А тут так получается, что на уровне ифов идет проверка и внутрь каждому элементу сразу же (при рендере) передается true и транзишн компонента не отрабатывает. Как по-человечески сделать?
Paul
Есть философский вопрос: кто как передает переменные в css модулях?
Paul
Например брейкпоинты
Китикет
Думаю потрогать цсс модули скоро
Китикет
Есть философский вопрос: кто как передает переменные в css модулях?
Кстати авка у тебя пиздатая, обожаю секретные материалы)
Paul
Вообще мы перепробовали 100500 разных плагинов, но остановились на postcss-icss-values, т.к. нам нужно:
а) объявлять как локальные переменные
б) объявлять переменные в отдельных файлах и потом импортировать в другие файлы
И все было относитель ок, до тех пор пока я не решил parcel потыкать палкой
Китикет
Потрогать-то хотя бы надо)
Paul
Вообще мы перепробовали 100500 разных плагинов, но остановились на postcss-icss-values, т.к. нам нужно:
а) объявлять как локальные переменные
б) объявлять переменные в отдельных файлах и потом импортировать в другие файлы
И все было относитель ок, до тех пор пока я не решил parcel потыкать палкой
В парселе postcss-icss-values че-то не работает( Такое ощущение, что пытается процессить файлы до выполнения импортов
Китикет
:C
Китикет
Вот я пока хз, наверное для меня все идет к использованию reshadow
Китикет
Но пока не очень хочется его юзать, т.к. не очень активно используемая штука
Paul
Мы бы с радостью юзали css in js и забыли нахер про css модули, но специфика проекта требует управления стилями извне
Китикет
linaria - неприятно в плане конфигурации, styled - полностью рантайм, reshadow - плюсы от них обоих с приятной конфигурацией, но пока не очень популярное решение, но мне уже нравится, ну а остальные css in js это тот же styled, только с другого угла
Alexander
const [isOpen, setIsOpen] = React.useState(false);
const open = React.useCallback(() => setIsOpen(true), []);
const close = React.useCallback(() => setIsOpen(false), []);
Насколько здесь оправдано использовать useCallback? Я так понимаю он вообще нужен, чтобы делать аналоги методов класса, чтобы при каждом перерендере не происходила переинициализация?
Китикет
const [isOpen, setIsOpen] = React.useState(false);
const open = React.useCallback(() => setIsOpen(true), []);
const close = React.useCallback(() => setIsOpen(false), []);
Насколько здесь оправдано использовать useCallback? Я так понимаю он вообще нужен, чтобы делать аналоги методов класса, чтобы при каждом перерендере не происходила переинициализация?
Ага, ссылка на функцию всегда одна и не меняется, пока не изменятся зависимости
Китикет
Ну я лично всегда юзаю, но хз всегда ли это оправдано
Alexander
Ага, ссылка на функцию всегда одна и не меняется, пока не изменятся зависимости
А до реакт были подобные реализации memoize в виде пакетов?
Alexander
Ну я лично всегда юзаю, но хз всегда ли это оправдано
Вот я тоже везде, но вдруг где-то это даже лишнее