🦜
Мы мейнтейним Next.js? 😄
та это понятно, для себя пилите, но какие-то фитчи захотят взять себя не только реактоводы
Artem
я вот на джиквери пишу и тоже хочу юзать фетч на хуках
The Max
та это понятно, для себя пилите, но какие-то фитчи захотят взять себя не только реактоводы
Они более чем велкам форкнуть либу под свой фреймворк Или каждую реакт либу надо теперь портировать? 😄
artalar
Посоны, мы вчера зарелизили либу для удобного дата-фетчинга на клиенте: https://github.com/zeit/swr Feedback welcome 🙌
Оно реакт специфик? Есть возможность из квери вывести ts тип? (например, для graphql-request есть плагин к генератору)
🦜
Они более чем велкам форкнуть либу под свой фреймворк Или каждую реакт либу надо теперь портировать? 😄
смотря какая либа) Если транспортная, как эта, то хороше было бы иметь альтернативу axios, ky.js, etc
Aleksey
Чуваки, кто шарит в typescript, нужно указать в пропсах что children должен обязательно иметь ref , как это сделать?
🦜
The Max
дата фетчинг, все дела
useSWR(‘/api/popuguy’, fetch) useSWR(‘/api/popuguy’, () => axiosOrWhateverRequestLibraryYouPrefer()) useSWR(‘/api/popuguy’, () => bycicleFetch()) Либе не принципиально, чем фетчить
Valentin
уже горю!!!!! this.childrenRef.current.getBoundingClientRect is not a function в рендере: {!!firstChild && React.cloneElement(firstChild, { // warning: перетираю реф ref: this.childrenRef, onClick: this.handleChildrenClick })} а ранее резервируем childrenRef = React.createRef(); почему? ??ААААА
Valentin
а forwardRef пробовал?
не-а, как то клона хватает... как вместе их подружить?
Valentin
React.cloneElement уже попахивает
нет, я делаю ПОПОВЕР!!! УУууууу, и без лишних элементов. Мне нужно обернуть компонент который что то рисует, и дополнить его пропсы на клик или на ховер или на фокус. И как это сделать? Оборачивать чилдрены в доп блок? А если проекту 420 лет?
Valentin
?
Саша
Бери готовый
Valentin
Закиньте ему className сгенерированный и сделайте по нему querySelect…
а если не все компоненты могут принимать пропс className?
🦜
?
ты получается поповер этот в том месте, где он нужен импортируешь?
artalar
а если не все компоненты могут принимать пропс className?
Т.е. он может не принимать className, но точно принимает ref?? Сирисли?
artalar
И что это за компоненты? Если библиотечные - они точно принимают className, если свои - допишите проп, это не сложно
artalar
ref на уровне реакте можно форварднуть же
Толку, если в рендере самого компонента он не прокинут на DOM элемент? А если это и есть DOM элемент, то он и className принимает
Valentin
Т.е. он может не принимать className, но точно принимает ref?? Сирисли?
я не знаю принимает или нет, если да я хочу реф сохранить, если нет я создаю свой. в числдренах ведь рект элементы, что они реф не смогут отдать?
artalar
Вам же нужен ref DOM ноды, так?
Valentin
Что вам этот ref даст?
нужно посчитать размер компонента, что бы корректно отобразить поповер над ним
artalar
Вы точно понимаете как ref работает?
Valentin
+- сейчас ни в чем не уверен
artalar
Valentin
ок, как тогда быть? Если я точно уверен, что будут компоненты которые не принимают className и (или) не отображают его на ноде. Но мне нужен хок, который будет подменять клик по вложеному элементу, и при событии должен получитьь размеры вложеного элементы и его позиции на странице
Wanna_Phonila
Подскажите, плохо ли писать какую-либо логику в render() компонента, которая будет влиять на отображение компонента?
...
Ребят, что не так, со стейта в рендере не могу взять юзера, при этом, когда делаю Лог this, то Юзер там есть
...
...
Wanna_Phonila
спасибо
Oleg
кто-то сталкивался со следующей проблемой? коротко - компайлер не видит один конкретный файл (в моём случае index.js с экспортом). что-то делаю в нём - 0. что-то делаю в соседнем - перезагружается. второй симптом - файлы, которые импортируют этот файл в принципе не видят его. требуют прямо указывать путь прямо до файла.
Kirill
как лучше ? Если в redux нужно изменить сразу несколько полей в store, то : 1) диспачить несколько отедльных actions отвчающих каждый за свою часть сторе ? 2) один общий action на все store сразу ? минус 2-го в том что в инструментах-middleware все actions на одно лицо, но так реально удобнее. как лучше ?
...
кто разрешал делать cDM async ?
Нельзя так делать?
Dmitriy
Нельзя так делать?
раньше работало но в доке нигде такого не видел так что не факт что оно когда не сломается. Покажи как стейт инитишь
🦜
Нельзя так делать?
можно, но у тебя изначально криво сделано
Kirill
SRP же
чет Яндекс не выдал ниче по "SRP react", что это ?
Oleg
проверьте импорты экспорты, возможно гдето ошиблись, если иде не видит
иде видит. если ctrl + клик, находит. не видит именно анализатор файлов какой-то.
🦜
А что не так сделал
в lc дожидаешься выполнения запроса
🦜
Где ты подсмотрел делать вот так AxiosClient? Где такому учат?
Dmitriy
в lc дожидаешься выполнения запроса
може он хочет фризить все пока дата не прилетит)
...
Где ты подсмотрел делать вот так AxiosClient? Где такому учат?
Это модуль друга, чтобы запросы удобно было делать
Kirill
Single Responsibility Principle
то есть это допустимо и нормально что в action проиходит 5 диспачей других actions ?
rovnyart
всем привет, мб подскажет кто-нибудь, кто использует react-final-form: переводим на него потихоньку проект с редакс-форм, тут нужно сделать сабмит снаружи компонента Form, в доке про это написано аж 2 пути - задать id для form и сделать document.getElementById('foo').dispatchEvent(new Event('submit')), либо создать до return родительского компонента переменную, а потом внутри рендера Form присвоить ей значение handleSubmit. И короче ни один вариант у меня не работает, просто ничего не происходит( Кто-нибудь сталкивался вдруг?
Oleg
иде видит. если ctrl + клик, находит. не видит именно анализатор файлов какой-то.
ага, он не видит не один файл. он не видит папку. подозреваю, это потому, что я изменил файл. раньше это был просто файл, а я сделал папку с тем же названием X + X/index.js + X/X.js, оно где-то закешило, что X - это X.js и не хочет обращаться по X/index.js. как почистить этот гитовский кеш?
Oleg
а, бля... у меня просто остался этот X.js. поэтому в папку не смотрело. сори.
Данііл
👍
rovnyart
юзал первый варинат и он прекрасно работал может дублируется айдишник? отконсоль шо приходит на getElById
да, спасибо, я уже нашел ошибку, именно дублировался) сто лет айдишки в дом не пихал
Kostya
Всем привет возникает вопрос нет опыта. Насколько правильно вконтейнер вставлять контейнер* Я создаю модалку которая получает данные из базы! юзую модалку во многих местах. Как мне сделать так что это модалка лишний раз не загружала данные?
Kostya
Хранить данные глобально! redux или useContext
хорошо! есть компонент который конектиктся к редаксу , и в пра-пра-детях тоже хконектится, и чтобы не передавать пропсы дложен коннект делать. Получается коннект в коннекте. На сколько \то правильно?
Георгий
хорошо! есть компонент который конектиктся к редаксу , и в пра-пра-детях тоже хконектится, и чтобы не передавать пропсы дложен коннект делать. Получается коннект в коннекте. На сколько \то правильно?
Это как дуще угодно! Можно один раз, в топ компоненте загрузить данные и через Context Provider раздать всем деткам, а можно в каждой детке грузить данные, если сервера не жалко.
Евгений [ : Kyber : ]
если ты про 6 версию, то там пропсы для каждого слова есть
благодарочка, по наводке нашел что нужно 😊
Георгий
Или все вместе + ангуляр