Rattenfänger
css модули фича не реакта, а css loader'a для вэбпака.
то есть, копать в сторону сборщика, верно?
Rattenfänger
Тогда для начала надо разобраться как всё это добро работает в самом вебпаке... Вообще, это как я понял, сильно обязательная вещь, без которой дальше двигаться нельзя, верно?
Ilhom
Кстати, ребята, можно настроит CRA чтобы при сохранение css module файла не происходило полная перезагрузка страницы?
Максим
Добрый вечер, не знаю как это называется, поэтому опишу. Когда в тексте встречается синтаксис типа [link]Название ссылки[link], чтобы Реакт конвертировал такой текст в ссылку привычного вида. Или это не Реактовская часть? Ну аля пишу текст и чтобы потом не редачить страницу через редактор
Rattenfänger
Вообще-то из коробки css modules работает в CRA. Не обязательно полностью разбираться.
Ну просто я умею в стилизацию компонентов. Импорт файлов, инлайн-стили, всё такое. Я просто только вкатываюсь в реакт, разбираюсь вот
Rattenfänger
для начала должно хватить CRA.
Понял. Значит дело в вебпаке У меня просот в папке с конфигами не появился тот самый файл, оттуда и вся беда
Rattenfänger
сейчас думаю с установкой сасс тоже проблемы возникнут
Дмитрий
чтоб он появился надо выполнить eject
Rattenfänger
дак я сделал, в этом и дело)
Максим
Не имеет отношения к реакт
Это случаем не дело Node? Просто чтобы копать в эту сторону, сначала узнать хоть как это называется. Там дальше в инглиш и искать
Rattenfänger
Может в вебпаке что-то обновилось, чёрт его знает
Rattenfänger
а какую задачу решаете?
Да пока просто смотрю туториал. Там урок по css-модулям А следующий по sass, как это всё применять в реакте. И всё завязано вокруг файла webpack.config.dev.js, который должен быть в папке jest, которая находится в свою очередь в папке config
Rattenfänger
а какую задачу решаете?
Я короче погуглил, это правда с обновлением CRA связано. Типа, в актуальной версии теперь используются webpack.config.js и webpackDevServer.config.js. Теперь надо попробовать разобраться, как там сасс использовать и цсс-модули
Rattenfänger
что за туториал, если не секрет?
Курс Владилена Минина
Дмитрий
Курс Владилена Минина
оригинальная дока CRA - весьма не плохая
Яблоко
Есть список , как сделать чтобы каждый следущий элемент отображался с анимаицией + 1 сек?
Яблоко
Что за анимация?
любая, чтобы красиво список появился
Vadim
любая, чтобы красиво список появился
Сложно тебе помочь не зная через что и какую анимацию ты хочешь сделать.
Джон
Есть список , как сделать чтобы каждый следущий элемент отображался с анимаицией + 1 сек?
если юзаете styled-components, можно пропсами передавать индекс элемента
Michael
любая, чтобы красиво список появился
Задать opacity 0, потом через transition: opacity 1s easy-in-out с таймингом на каждый элемент проставить в 1
Дмитрий
любая, чтобы красиво список появился
посмотрите useTransition из react-spring'а
Китикет
Китикет
А, чет я думал он поменьше весит спринга
V
Кто в роутах шарит, в Апп-е есть два основных компонента: карточки и меню каталога. Нужно что бы при смене категорий - менялся роут
Привет. В функции handleChange, в категории, если много категорий switch , если мало через if сравнить названия и по названию(id) навесить redirect.
Anonymous
Привет, react-redux store автоматом передаётся во вложенные компоненты? Благодарю!
Vlad
Там разок надо передать
Dmitriy
Рамиль будет тяжело, но ты крепись
Ramil
Рамиль будет тяжело, но ты крепись
😂 спасибо за поддержку 🤝
Ramil
@APolyansky, привет, ты как, держишься? ))
Alexander
Сначала держался, но уже привык
endifai
у меня вопрос. Есть ряд компонентов, в котором вся логика реализована с помощью реакт хуков. На данный момент таблица принимает фейковые данные, и по взаимодействию с другими компонентами использует хуки. Сейчас я хочу подгружать данные с помощью apollo graphql, каким образом лучше реализовать взаимодействие, если взаимодействия с данными будут производиться через мутацию apollo?
endifai
ну то есть с помощью useQuery я подгружаю данные в стор, а при мутации их изменяю на сервере, в стор они автоматически измененные буду приходить после мутаций? (я просто еще не до конца разобрался)
endifai
можешь подсказать как?
endifai
с useMutation и useQuery я разобрался
Michael
можешь подсказать как?
const [removeArticul] = useMutation(REMOVE_ARTICUL, { refetchQueries: [{ query: ONE_CART }, { query: PRODUCTS_IN_CART }], variables: { productId: id } }) - например так, после мутации дергает 2 query
endifai
изменения в query будет подгружаться в переменную, использованную при первом использовании?
Cheslav
кто знает как в Gatsby добавить theme-color мету для всех страниц?
Without Hands
Ребята, кто работал с apollo-client и кукам?
Филипп
Привет всем, как в реакте повесить обработчик события focus на input и делать определенное дейсвие если елемент в фокусе?
Without Hands
какой вопрос?
На стороне сервера проставляються куки но в браузере их нету
Without Hands
credentials: 'include' стоит в createHttpLink?
const client = new ApolloClient({ cache: new InMemoryCache(), uri: 'http://localhost:4000', credentials: 'include', }); А если так, то не будет работать?
Филипп
onFocus
Спасибо
Филипп
onFocus
А как проверить в фокусе он или нет? По типу , если в фокусе вернет true или наоборот
Michael
const client = new ApolloClient({ cache: new InMemoryCache(), uri: 'http://localhost:4000', credentials: 'include', }); А если так, то не будет работать?
это как раз включает работу с ними, а прелесть куков заключается в том, что сервер напрямую может их писать в браузер без клиента.
Филипп
Зачем тебе это проверять?
Мне input-у нужно присваивать класс в зависимости от того, есть он в фокусе или нет
Without Hands
да
В таком случае у меня не проходит типизация
Vadim
Мне input-у нужно присваивать класс в зависимости от того, есть он в фокусе или нет
Ну на onFocus меняй состояние на true, при onBlur на false. Еще в css есть псевдоэлемент :focus который позволяет стилизовать элемент в фокусе
Филипп
Я чет забыл про css, бред в голове творится. Спасибо за помощь
endifai
да, там где вызывается в компоненте
Можно еще вопрос? Допустим у меня данные в компонент загружены с помощью query и одними переменными, а при клике на др компонент нужно заменить переменные в запрос и получить новые данные для компонента. Как это лучше реализовать?
Michael
Вот это я получаю когда у меня стоит в ApolloClient > credentials: 'include'
На сервере cors поставь и включи порт там: app.use( cors({ origin: ['http://localhost:3000', credentials: true }) )
Without Hands
Это для apollo-express
Ну у меня apollo-yoga