Для реакта, с ленивой загрузкой, свайпами и клавиатурой, но пока зум не прикрутил

Для реакт? С подгрузкой и зумом?

Ща в офис приду и запишу видео, если интересно

Граждане, вопрос: есть форма логина и регистрация с общим контекстном между ними, в какой-то N момент, регистрация должна предзаподнчть поле логина (делал через контекст) единожды, поставить и больше не слушать контекст на обновления, т.е если клиент изменит поле, то при последующем рендере оно перезапишется из контекста - > после поставления из контекста, нужно сбросить, трививиальнр, но два ререндера и логина, и регистрации (запплнить поле и сбросить контекст) из-за значения одного поля, это по-другому никак не решить?)

На руках только хуки и контекст

кто нибудь писал хук useComponentDidUpdate?

Ребята, несколько дней назад я интересовался про нерабочую клавишу ALTgr в последней версии Intelij IDEA. Кому интересно, вот что нарыл. Вопервых я выяснил, что ALTgr это альтернатива для сочетаня CTRL + ALT, для меня это открытие. Если зажать эти клавиши, то все работает. Если же хочется что бы нормально работало с ALTgr, то в IDEA есть возможность выбрать версию жава машины (switch boot JDK), если выбрать версию 8 build 1483.58 или более раннюю, то все работает как положено.

Ребята, несколько дней назад я интересовался про нерабочую клавишу ALTgr в последней версии Intelij IDEA. Кому интересно, вот что нарыл. Вопервых я выяснил, что ALTgr это альтернатива для сочетаня CTRL + ALT, для меня это открытие. Если зажать эти клавиши, то все работает. Если же хочется что бы нормально работало с ALTgr, то в IDEA есть возможность выбрать версию жава машины (switch boot JDK), если выбрать версию 8 build 1483.58 или более раннюю, то все работает как положено.

простите, что за АЛЬТгр???

простите, что за АЛЬТгр???

Возможно не у всех он есть

у меня ноутбук произведен в начале 2019 года и там не такой кнопки =)

у меня фр клава, думаю на других европейских языках тоже такое есть

как расшифровывается Gr?

многие клавиши имеют по 2 символа в нижнем регистре. эта клавина используется для ввода второго символа

как расшифровывается Gr?

alt graph

est une touche de modification qui permet d’accéder à différents signes qui étaient à l’origine des symboles graphiques ключ-модификатор, позволяет получить доступ к графическим символам

☀️

я думал везде такая кнопка есть

а что на русской клаве в этом месте?

Народ, а многие тут используют Saga в своих проектах?

Народ, а многие тут используют Saga в своих проектах?

Надеюсь нет

У нас на работе юзают, сам - нет, не вижу смысла

Народ, а многие тут используют Saga в своих проектах?

Использую

А те кто используют, могут сказать истинную причину ее внедрения? Не берём в расчет готовые темплецты и все такое

Всем привет. Подскажите, пожалуйста, по поводу роутинга в react-router-dom: <Router path="/:method" exact /> <Router path="/id:id" exact /> При запросе "/id123" сроутится на "/:method". Почему и как сделать правильно, чтобы обрабатывались оба роутинга правильно?

)) лучший ответ, тоже об этом думаю в том потоке говнокода который лезет на prod наворачивать уровень абстракции ради того что не будет использоваться это конечно такое себе решение. Но вот построение событийно ориентированной архитектуры как бы даёт свои плюсы, но чисто архитектурные. Навряд ли это скажется на производительности

знает кто, в реакт таблицу можно засунуть функционал, что бы прятать столбци например

reactstrap

кто нибудь писал хук useComponentDidUpdate?

в офф доке прям пример есть

Подскажите, как правильно замокать global в before хуке и размокать в after?

Всем привет. Подскажите, пожалуйста, по поводу роутинга в react-router-dom: <Router path="/:method" exact /> <Router path="/id:id" exact /> При запросе "/id123" сроутится на "/:method". Почему и как сделать правильно, чтобы обрабатывались оба роутинга правильно?

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

Styled component || css module ?

Всем привет! Ребят, кто работал с react-spring, не знаете, почему во внутреннюю функцию в Transition компоненте не передается обновленное значение айтема? Пример: <Transition native keys={item => item.message.hash} items={filteredMessages} initial={null} from={{ transform: 'scale(0.1)', transformOrigin: '-90% 120%' }} enter={{ transform: 'scale(1)' }} config={{mass: 1, tension: 150, friction: 20}} update={item => (item)} >(item, s, i)=>(styles)=><animated style={styles}>{item.message}</animated> </Transition> Здесь Item при обновлении массива остается тем же, хотя внутри массива он изменился уже, если чекнуть filteredMessage.

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

Спасибо)

Styled component || css module ?

Emotion

ребят, а как с использованием useEffect сделать то, что раньше делалось через componentDidMount, а то сделал хук и он у меня без перерывно вызывает экшн, а мне нужно 1 раз при загрузке страницы)

ребят, а как с использованием useEffect сделать то, что раньше делалось через componentDidMount, а то сделал хук и он у меня без перерывно вызывает экшн, а мне нужно 1 раз при загрузке страницы)

второй аргумент, []

Привет, сделал тестовый пакет для npm с реактом. ипортирую его в проект и тот начинает валиться с ошибкой: Invalid hook call. Hooks can only be called inside of the body of a function component. Как это чинить?

Привет, сделал тестовый пакет для npm с реактом. ипортирую его в проект и тот начинает валиться с ошибкой: Invalid hook call. Hooks can only be called inside of the body of a function component. Как это чинить?

Код

Привет, сделал тестовый пакет для npm с реактом. ипортирую его в проект и тот начинает валиться с ошибкой: Invalid hook call. Hooks can only be called inside of the body of a function component. Как это чинить?

Всё же написано, переведи

Ну парни, если б было так просто, я бы не писал сюда = )

Вот весь код либы, отдельно собирается запускается, при импорте в проект начинает ругаться на инвалидные хуки, где-то внутри material-ui

второй аргумент, []

не понял

Говорят это из-за того, что реакт импортится в либе и приложухе и получается две разные версии, вот он и ругается. Но я хз как это решить, в зависимостях либы ничего нет, только в peerDependences и в devDependences

не понял

useEffect(()=>, [])

не понял

Ну useEffect(функция, [])

дьякую чуваки)

Говорят это из-за того, что реакт импортится в либе и приложухе и получается две разные версии, вот он и ругается. Но я хз как это решить, в зависимостях либы ничего нет, только в peerDependences и в devDependences

peerDependencies react

Ну useEffect(функция, [])

ух, нифигасе)

peerDeps

Не дев

Я его и использую = (

Убери с девдепенденси

И реакт и -дом

Я понял, уже убрал, ошибка осталосась, пробую перебилдить

Теперь так ругается

Всем привет ПОдскажите, можно ли добавить babel плагины без eject проекта ?

Привет. Есть идеи почему не работает?)

Привет. Есть идеи почему не работает?)

Потому что скролл триггерится на виндов

Потому что скролл триггерится на виндов

Сложно. Подскажи куда смотреть

Сложно. Подскажи куда смотреть

window scroll event

Привет. Есть идеи почему не работает?)

useEffect + window.addEventListener

window scroll event

ааа понял, мне самому типа надо описать

ааа понял, мне самому типа надо описать

Да

useEffect + window.addEventListener

😡

ну и подчистка ивент листенера при анмаунте

😡

шо

я щас тебе забунтую

шо

ручками это все писать, на жиквери проще

ручками это все писать, на жиквери проще

да блять заебали))))

такой вопрос, а правильно ли делать на каждой странице проверку на авторизацию? то есть дергать экшн и отпралять данные юзера и jwt

active session должен с бэка возвращать, достаточно в цикл включить

ааа понял, мне самому типа надо описать

Тебе пытались сказать, что onScroll надо вешать на window, потому что он источник события, на header оно не возникает (если только сам header не overflow:scroll и ты его не скроллишь)

Тебе пытались сказать, что onScroll надо вешать на window, потому что он источник события, на header оно не возникает (если только сам header не overflow:scroll и ты его не скроллишь)

не тупой, уже понял

такой вопрос, а правильно ли делать на каждой странице проверку на авторизацию? то есть дергать экшн и отпралять данные юзера и jwt

зачем отправлять данные юзера, ты просто тащишь юзера и все, а если приходит 401 тогда разлогениваешь

Все, спасибо, написал

зачем отправлять данные юзера, ты просто тащишь юзера и все, а если приходит 401 тогда разлогениваешь

Да. Главное статус получить, например assigned