Anonymous
спасибо хахахаах
Anonymous
пора спать
Ivan
Так, как он написан после toJS
Ivan
Ну да
Anonymous
Помогите с настройкой свитчлэнг
Павел
что лучше ‘immutable’ или ‘immer’?
Dzmitry
Причем тут access_token к csrf?
Да, так норм)
Dzmitry
И это единственно возможное решение)
Dzmitry
Для обеспечения топовой секюрности, разумеется)
Anonymous
всем привет. помогите с реактом. не могу одну фичу впилить. кому не спится?
Юра
всем привет. помогите с реактом. не могу одну фичу впилить. кому не спится?
Плез скажи, что это ты на фотке 😄
Юра
Что там по реакту?
Anonymous
это я на фотке😋😝
Nikita
Dzmitry
Skeleton
Dzmitry
https://ant.design/components/skeleton/
Например
arthur
Nikita
спасибо
Anonymous
Anonymous
Я не сплю 😂😂
Anonymous
У меня 6 вечера
Anonymous
Я в лат Америке живу
Anonymous
Тут у нас только вечер
Юра
Юра
BUSTEEED
Dmitry
Подскажите плз, после появления хуков - какие причины использовать Class Components, кроме как для более "тонкого" контроля их поведения (lifecycle methods) ?
Vadim
Подскажите плз, после появления хуков - какие причины использовать Class Components, кроме как для более "тонкого" контроля их поведения (lifecycle methods) ?
Пока понадобилось только для error boundaries
Vadim
Все остальное на хуках
Vadim
Круто, спасибо. А редюсеры также наверху комбайнРедюсером собираются?
А как это с хуками связвно?)
Dmitry
А как это с хуками связвно?)
Допустим в контексте есть
const BookContextProvider = (props) => {
const [books, dispatch] = useReducer(bookReducer, [])
Если у нас все собирается комбайном то мы импортим не
bookReducer а "верхний" редюсер?
Dmitry
и что указываем в useReducer? Или правильным подходом будет считаться как раз "дробление" на мелкие компоненты и импортить редюсеры на прямую?
Dmitry
Просто в "дефолтном" редаксе в mapStateToProps можно было указать напр. user: state.global.header.user и т.п.
Daniil
Этот хук не замена
Daniil
Почитай для чего он и какие проблемы он решает юзСтейта
Anonymous
Скажите, а типизировать styled-components эт нормальная практика?
Александр
Пока понадобилось только для error boundaries
+1, только для error boundary class-компонент единственный в новом проекте, все остальное как показала практика гораздо удобнее делается на хуках, в придачу ещё и реюзабельно получается
Alexandr
Руслан
Mihail
Читаем документацию
Deyl
не мутируй стейт
Array.prototype.filter() не мутирует массив, можете в консоли браузера проверить
Alyona
Array.prototype.filter() не мутирует массив, можете в консоли браузера проверить
>А, додумала код на основании отрывка. Сорре.
Deyl
Руслан
Попробуйте через debugger проверить что у вас в scope у callback'a вашего фильтра
Самое интересное, что такой костыль работает
this.res = this.state.tokensStorage.filter(token => {
if(token.symbol === symbol){
return token
}else{
return null
}
})
А так нет
this.state.tokensStorage.filter(token => token.symbol.includes(symbol))[0]
Я даже написал такую проверку
if(this.state.tokensStorage && this.state.tokensStorage.length > 0 && typeof tokensStorage === "object")
Все равно возвращает Cannot read property 'includes' of null
Ок буду рабтать с костылем)
Sergey
Новый выпуск this week in react уже на канале
Начало здесь: https://t.me/this_week_in_react/308
Deyl
Самое интересное, что такой костыль работает
this.res = this.state.tokensStorage.filter(token => {
if(token.symbol === symbol){
return token
}else{
return null
}
})
А так нет
this.state.tokensStorage.filter(token => token.symbol.includes(symbol))[0]
Я даже написал такую проверку
if(this.state.tokensStorage && this.state.tokensStorage.length > 0 && typeof tokensStorage === "object")
Все равно возвращает Cannot read property 'includes' of null
Ок буду рабтать с костылем)
Вы скорее всего хотите прочитать что-то внутри некого объекта который не существует. Как сказал выше напишите debugger внутри вашей функции фильтра и загляните в scope, сразу найдёте что не так.
Руслан
Deyl
Хорошо, попробую, спасибо!
Пожалуйста. Как совет, заставьте себя юзать debugger когда у вас проблема где вы не можете понять что не так. Вы потом себе за это спасибо скажете. 🙂
Deyl
Прочь console driven development
Руслан
Прочь console driven development
Проблема была в том что новый массив содержал одно значение с null
всем спасибо))
Anonymous
Новый выпуск this week in react уже на канале
Начало здесь: https://t.me/this_week_in_react/308
а где нибудь на howtocards есть пример замены PropTypes на flow?
NG
А в доках Flow нету?
Anonymous
А в доках Flow нету?
есть, но чет у меня не пашет.
по этому хотел посмотреть 100% рабочий пример, а то мало ли, что-то в доке устарело и т.д.
Sergey
а где нибудь на howtocards есть пример замены PropTypes на flow?
да просто один к одному замена
Anonymous
да просто один к одному замена
так вот именно... по идее, должен ошибками засыпать, но все равно тишина :|
Anonymous
извините, не знаю почему так прикрепилось
Sergey
Sergey
во флоу нужно также настроить алиасы
Sergey
хм. Ещё я использу import * as React from "react"
Sergey
тогда нужно чекать версию flow установленную в проекте и в редакторе/глобально
Sergey
и/или сходить в @flowtype_ru
Anonymous
тогда нужно чекать версию flow установленную в проекте и в редакторе/глобально
глобально я ничего не ставил, в VSCode стоит flow.useNPMPackagedFlow так что версия одна должна быть 😐
Илья
Mihail
Не используйте никогда null для начального состояния
Mihail
?