@react_js - страница 149 - Telegram web archive

🦜

и вообще что нужно стремиться к fully controlled

вообще нужно стремиться к functional components

Мирослав

вообще нужно стремиться к functional components

fully controlled functional components

Мирослав

это близкие понятия

Мирослав

а есть ли связь между багами componentWillMount и componentWillReceiveProps?

Мирослав

как следствие оптимизации ядра реакта

🦜

а есть ли связь между багами componentWillMount и componentWillReceiveProps?

они выполняются до того, как компонент замаунчен в доме

🦜

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

Мирослав

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

только и всего?

Мирослав

а конфликтов апдейта не будет?

🦜

а конфликтов апдейта не будет?

что это в твоем понимании

Мирослав

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

Elizaveta

Ребята, подскажите кто-нть, как сделать такой TextInput? То есть можно ли как-то переопределить компонент для отрисовки value?

Stas

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

хз, зависит от объёма вычислений

🦜

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

вай а ю вори эбоут рирендерс?

Egor

Ребята, подскажите кто-нть, как сделать такой TextInput? То есть можно ли как-то переопределить компонент для отрисовки value?

это разве не переопределение стилей для выделенного текста?

🦜

Ребята, подскажите кто-нть, как сделать такой TextInput? То есть можно ли как-то переопределить компонент для отрисовки value?

гугли badge input

Stas

а есть ли связь между багами componentWillMount и componentWillReceiveProps?

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

🦜

Ребята, подскажите кто-нть, как сделать такой TextInput? То есть можно ли как-то переопределить компонент для отрисовки value?

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

Андрей

Как бы в beforeChange добиться что бы movementDirection была равна movementDirection в методе рендер?

Vladislav

Ребят, в чем проблема? Должно же число возвращаться

Vladislav

Илья

вай а ю вори эбоут рирендерс?

В либе анта есть таблица и на сколько я помню она перерендеривается если изменилась одна ячейка, причем полностью. Что приводит к весьма страшным последствиям если там значительное кол-во кортежей.

🦜

В либе анта есть таблица и на сколько я помню она перерендеривается если изменилась одна ячейка, причем полностью. Что приводит к весьма страшным последствиям если там значительное кол-во кортежей.

вопросы к анту

Илья

вопросы к анту

Это к тому, почему стоит беспокоиться о перерендере)

Илья

Точнее о последствиях в следствии перерендера.

🦜

Точнее о последствиях в следствии перерендера.

значит так либа написана. Реакт дает простой кейс. Изменились пропы => ререндер. Дальше ты сам придумываешь техники как мемоизировать данные

Илья

Ребят, в чем проблема? Должно же число возвращаться

Math.random()

Egor

Как бы в beforeChange добиться что бы movementDirection была равна movementDirection в методе рендер?

const self = this const {movementDirection} = self.state

Илья

значит так либа написана. Реакт дает простой кейс. Изменились пропы => ререндер. Дальше ты сам придумываешь техники как мемоизировать данные

Безусловно.

Андрей

Почему значение movementDirection в методе beforeChange и afterChange отличаются от значения этой переменной в методе рендер? Она же взята из состояния одного

Egor

Почему значение movementDirection в методе beforeChange и afterChange отличаются от значения этой переменной в методе рендер? Она же взята из состояния одного

closure

Anonymous

Всем привет. Есть файл с fetch() запросами (скрин 1). В нем делаем запрос на добавление админа. также есть редукс стор для добавление админов, файл operations.js. В него импортится фетч addAdmin и вызывается в функции для добавления админов (скрин 2). Есть компонент, который законнектили с этим редукс стором. Пропсами передаем туда эту функцию. Но проблема в том, что мне нужно повесить then на сам запрос addAdmin() и получить результат запроса. А в компоненте вся функция используется. Как мне прокинуть result запроса в компонент, или вызвать then на этот запрос в компоненте.

Anonymous

Мирослав

вай а ю вори эбоут рирендерс?

бикоз айм шуд вори эбаут екстра каклулейшнс оф май дейта

🦜

бикоз айм шуд вори эбаут екстра каклулейшнс оф май дейта

я выше ответил про мемоизацию

Elizaveta

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

Можешь плз пример кинуть?

Мирослав

я выше ответил про мемоизацию

это уже оптимизация

Мирослав

но насколько я знаю componentWillMount может просто не вызваться в нужный момет

🦜

Можешь плз пример кинуть?

https://github.com/olahol/react-tagsinput#demo

Мирослав

и это как то связано с оптимизацией ядра реакта

Мирослав

реакт файбер, все дела

🦜

https://egghead.io/lessons/react-refactor-componentwillreceiveprops-to-getderivedstatefromprops-in-react-16-3

🦜

может тебе это поможет

🦜

почитай транскрипцию к видео

Мирослав

Avoid introducing any side-effects or subscriptions in this method.

Мирослав

https://egghead.io/lessons/react-refactor-componentwillreceiveprops-to-getderivedstatefromprops-in-react-16-3

спасибо

Мирослав

https://egghead.io/lessons/react-refactor-componentwillreceiveprops-to-getderivedstatefromprops-in-react-16-3

а, блин, я знаю как работает memoization helper

Мирослав

но людям интересна причина отказа от willReceiveProps

Мирослав

а его не только для мемоизации юзали

Anonymous

Всем привет. Есть файл с fetch() запросами (скрин 1). В нем делаем запрос на добавление админа. также есть редукс стор для добавление админов, файл operations.js. В него импортится фетч addAdmin и вызывается в функции для добавления админов (скрин 2). Есть компонент, который законнектили с этим редукс стором. Пропсами передаем туда эту функцию. Но проблема в том, что мне нужно повесить then на сам запрос addAdmin() и получить результат запроса. А в компоненте вся функция используется. Как мне прокинуть result запроса в компонент, или вызвать then на этот запрос в компоненте.

Anonymous

🦜

но людям интересна причина отказа от willReceiveProps

Начиная с React 16.3, новый метод жизненного цикла getDerivedStateFromProps был написан, чтобы помочь с некоторыми из новых доступных функций, которые они пытаются внедрить в будущих версиях React. Этот новый метод является статическим и вызывается, когда создается экземпляр компонента и когда он получает новые реквизиты.

🦜

Метод getDerivedStateFromProps лучше всего подходит для обновления состояния на основе props и не предназначен для побочных эффектов или получения данных с сервера

Stas

Всем привет. Есть файл с fetch() запросами (скрин 1). В нем делаем запрос на добавление админа. также есть редукс стор для добавление админов, файл operations.js. В него импортится фетч addAdmin и вызывается в функции для добавления админов (скрин 2). Есть компонент, который законнектили с этим редукс стором. Пропсами передаем туда эту функцию. Но проблема в том, что мне нужно повесить then на сам запрос addAdmin() и получить результат запроса. А в компоненте вся функция используется. Как мне прокинуть result запроса в компонент, или вызвать then на этот запрос в компоненте.

чтоб setState выполнить?

Anonymous

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

Stas

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

я бы стейт вынес в стор редакса

Anonymous

стейт компонента?

Stas

да

Anonymous

Спасибо, но как это сделать?) никогда не слышал о таком

Stas

Спасибо, но как это сделать?) никогда не слышал о таком

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

Natalia

Даров всем, знаю тупейший вопрос

Natalia

export const HistoricalTable = () => { const { tableOfRating } = store.getState().inputReducer; const [ date, changeDate ] = useState([]); const [ rating, changeRating ] = useState([]); const arrayWithDate = [], arrayWithRating = []; Object.entries(tableOfRating).map((item) => { arrayWithDate.push(item[0]); arrayWithRating.push(item[1]); return arrayWithDate, arrayWithRating; }); console.log(Array.isArray(arrayWithDate), date, arrayWithRating); return ( <div>

Natalia

как мне два массива в рендер засунуть

Natalia

юзСтейт - гуд, но туда же функция обертка нужна

Natalia

(событие или что-то)

Anonymous

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

спасибо

Stas

как мне два массива в рендер засунуть

чёт не понял ничего, в чём сложность?

Natalia

вот сижу туплю

Stas

я вот теперь тоже 😃 ошибка какая-то? выводи поочереди, оберни всё в <></>

Natalia

стоп что оборачивать?

Natalia

чтобы в ретурн попало, надо либо в стейт иначе логика так наверху и останется

Natalia

если просто рендерить он ругается мощно

Natalia

это если просто данные из сторы брать и рендерить

Natalia

https://codesandbox.io/s/github/Natanagar/Weathpal/tree/featuring

A

Кто юзает cypress? Как сравнивать скрины в нем?