и есть ли какой-нибудь крутой курс по appollo grapql ?

и есть ли какой-нибудь крутой курс по appollo grapql ?

https://advancedreact.com/

Всем привет, а кто-нибудь шарить в grapql? я правильно понимаю, что grapql будет заменять сразу и redux и redux/saga т.к. и запросы и хранение стейта будет сразу хендлить?

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

1. забыть про классы 2. прокинуть айди в нижний компонент, и сформировать хендлер внутри/через мап замемоизировать коллбеки, и по индексу их проставить (2.1 забить на эти оптимизации, делать как есть)

Апхапха 2.1 топчик)

Апхапха 2.1 топчик)

ну там на самом деле пункт со звездочкой должен быть 😬 (сейчас забить, потом внедрить)

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

В хуки уже ведь форсит

В хуки уже ведь форсит

ну так логика в хуках это и есть логика в компонентах это то и плохо а без этого наверное и аполло не нужон 🧐

Ку всем. Пытаюсь настроить i18next, i18next-xhr-backend Вроде все по доке, но ловлю error Cannot read property 'react' of undefined

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

А что такое бизнес логика если коротко ? Логика работы веб интерфейса вцелом?

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

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

А что такое бизнес логика если коротко ? Логика работы веб интерфейса вцелом?

реакции на изменения значений, сбор данных, отправка, ожидание ответа сервера, работа с данными из ответа, преобразование и проч.

А что такое бизнес логика если коротко ? Логика работы веб интерфейса вцелом?

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

все, что к слою вида не имеет прямого отношения

клик на кнопочку и ответный консоль лог это бизнес логика?

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

возьми голый гкль и редакс 🤷🏻‍♂️

клик на кнопочку и ответный консоль лог это бизнес логика?

клик на кнопочку - да, бизнес логика что там дальше, не должно волновать компонент

клик на кнопочку и ответный консоль лог это бизнес логика?

Нет

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

А что такое бизнес логика если коротко ? Логика работы веб интерфейса вцелом?

Это логика предметной области. Если в твоём бизнес-процессе есть потребление юзером информации через консоль - то да, можно считать бизнес-логикой.

Бизнес логика это добавление у корзину, расчёт скидки, запуск стрима, расчёт подписчиков стримера, etc

Это логика предметной области. Если в твоём бизнес-процессе есть потребление юзером информации через консоль - то да, можно считать бизнес-логикой.

😂

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

если хендлер просто маппит данные, то его можно считать частью вью слоя (onClick={() => handleClick(id)}) если делает что то еще, то уже БЛ (onClick={() => role === "admin" ? handleClick(id) : null}) handleClick - биндинг с любым стейт менеджером (экшн в редаксе, ивент/эффект в эффекторе, ...)

😂

Чего

Чего

Все норм, просто час назад я как раз возмущался консолью фейсбука)

Все норм, просто час назад я как раз возмущался консолью фейсбука)

Остановитесь! ты про это?)

если хендлер просто маппит данные, то его можно считать частью вью слоя (onClick={() => handleClick(id)}) если делает что то еще, то уже БЛ (onClick={() => role === "admin" ? handleClick(id) : null}) handleClick - биндинг с любым стейт менеджером (экшн в редаксе, ивент/эффект в эффекторе, ...)

так где же он в случае БЛ должен быть? Я так понял ты советуешь не писать БЛ прямо в компоненте, прямо в компоненте это ты имеешь ввиду в том, что render возвращает или вцелом в компоненте?

Остановитесь! ты про это?)

Да)

так где же он в случае БЛ должен быть? Я так понял ты советуешь не писать БЛ прямо в компоненте, прямо в компоненте это ты имеешь ввиду в том, что render возвращает или вцелом в компоненте?

const Input = ({handleChange}) => <input onChange={(e) => handleChange(e.target.value.toLowerCase())} /> вот тут БЛ в компоненте, в лице toLowerString

const Input = ({handleChange}) => <input onChange={(e) => handleChange(e.target.value.toLowerCase())} /> вот тут БЛ в компоненте, в лице toLowerString

const Input = ({handleChange}) => { const handle = (e) => handleChange(e.target.value.toLowerString()); retunr <input onChange={handle} /> } так тоже не ок?

const Input = ({handleChange}) => { const handle = (e) => handleChange(e.target.value.toLowerString()); retunr <input onChange={handle} /> } так тоже не ок?

да, она по прежнему в компоненте

да, она по прежнему в компоненте

куда ты бы ее вынес?

toLowerString на сервер

куда ты бы ее вынес?

in terms of effector const Input = () => <input onChange={inputChanged} /> const inputChanged = createEvent(); const inputValue = createStore("") .on(inputChanged, (state, event) => event.target.value) const inputValueLowered = inputValue.map((value) => value.toLowerCase()); //либо ужать до const inputChanged = createEvent(); const inputValueLowered = restore(inputChanged.map((value) => value.toLowerCase()), "");

Вообще все на сервер))

может кто подскажет, как можно отдебажить готовый билд? на dev сервере приложение работает без проблем, а после билда приложение виснет наглухо загружая процессор на 100%

Вообще все на сервер))

тебе на аватарке только L в конце не хватает 🧐

может кто подскажет, как можно отдебажить готовый билд? на dev сервере приложение работает без проблем, а после билда приложение виснет наглухо загружая процессор на 100%

ты про прод? Грузи сорс мапы шо

Ты о чем?

GQL

Ты о чем?

+ "L"

А, точняк

тебе на аватарке только L в конце не хватает 🧐

т.е. в терминах редакса это были бы экшены и санки

т.е. в терминах редакса это были бы экшены и санки

ага

ты про прод? Грузи сорс мапы шо

а можно детальнее?

ага

спасибо

блин, не кроссплатформенная шутка вышла, получается (

а можно детальнее?

Что в твоем понимании дебаг готового билда? Сорсы мапы включаются в вебпаке

Что в твоем понимании дебаг готового билда? Сорсы мапы включаются в вебпаке

как можно можно выянить в чем причина зависания?

Приложении только в проде зависает? Возможно что - то не так полифилится, пакет может в дев деп у pckg json засунул и тд, а может просто утечка памяти. Много кейсов. Но с зависанием сорсмапы скорее всего не помогут. Разве что начать через девтулзы дебажить с точками остановы

Приложении только в проде зависает? Возможно что - то не так полифилится, пакет может в дев деп у pckg json засунул и тд, а может просто утечка памяти. Много кейсов. Но с зависанием сорсмапы скорее всего не помогут. Разве что начать через девтулзы дебажить с точками остановы

на дев сервере всё прочекал, проц выше 10% не грузится, а в проде уже незнаю куда еще копать. По вкладке performance вижу долгие вызов react-dom и всё.

https://mobx-keystone.js.org/ всё как вы любите: мобикс, тайпскрипт, декораторы

на дев сервере всё прочекал, проц выше 10% не грузится, а в проде уже незнаю куда еще копать. По вкладке performance вижу долгие вызов react-dom и всё.

Я бы начал в общем смотреть в сторону не засунул ли я жизненно необходимые пакеты для прода в дев онли.

на дев сервере всё прочекал, проц выше 10% не грузится, а в проде уже незнаю куда еще копать. По вкладке performance вижу долгие вызов react-dom и всё.

Я бы начал смотреть в стророну запуска на пустом хроме в инкогнито-режиме, чтобы исключить влияние девтулзов/адблоков/мутейшенобсерверов

а как можно посмотреть ЧТО именно загружает проц? у меня похожая проблема, приложение в проде начинает дико глючить, если открыть его в трех-четырех вкладках

Я бы начал смотреть в стророну запуска на пустом хроме в инкогнито-режиме, чтобы исключить влияние девтулзов/адблоков/мутейшенобсерверов

так плагины не влияют разве если ты в дев открываешь?

а как можно посмотреть ЧТО именно загружает проц? у меня похожая проблема, приложение в проде начинает дико глючить, если открыть его в трех-четырех вкладках

но это и в дев режиме наблюдается, но непонятно куда смотреть

https://mobx-keystone.js.org/ всё как вы любите: мобикс, тайпскрипт, декораторы

лол

лол

Да, странное решение

Да, странное решение

декораторы, программирование на литералах, и эт только на старте документации 😬

лол

@model(uuid())

декораторы, программирование на литералах, и эт только на старте документации 😬

Однако, типизируется оно и правда лучше!

@model(uuid())

а оно к семантике не имеет отношения? 🧐

а оно к семантике не имеет отношения? 🧐

Не читал дальше

@model(uuid())

А потом такой next.js прикручиваешь

А потом такой next.js прикручиваешь

@model((() => uuid())())

Хотя не уверен что станет лучше но сср зло

Лучше делать без реакта чем сср на реакте

@model((() => uuid())())

Так погоди, тебе ж надо, чтобы на сервере и клиенте были одинаковые айдишники Разве что макросы заюзать)

Так погоди, тебе ж надо, чтобы на сервере и клиенте были одинаковые айдишники Разве что макросы заюзать)

Ну да согл

Лучше делать без реакта чем сср на реакте

Это впервый раз больно только 🌚

А кто-нибудь использовал SC с intersection observer API? Требуется указать наблюдателя, а у SC все классы уникальны. Переформулирую вопрос: как-нибудь можно изменить/добавить_префикс для класса SC?

всё. нашел решение

А кто-нибудь использовал SC с intersection observer API? Требуется указать наблюдателя, а у SC все классы уникальны. Переформулирую вопрос: как-нибудь можно изменить/добавить_префикс для класса SC?

Можно просто класс добавить

Можно просто класс добавить

ага

Ребята, кто знает библиотеку или какой-то готовый код для двойного рендж слайдера

Ребята, кто знает библиотеку или какой-то готовый код для двойного рендж слайдера

Rheostat

Ребята, кто знает библиотеку или какой-то готовый код для двойного рендж слайдера

В гугле жеж достаточно

В гугле жеж достаточно

В гугле никакая либа с преставкой range-slider не работает

в смысле не работает?)