@artalar Привет, вы вроде юзаете antd? У меня от него бандл сайз 1.4мб, как с этим бороться? Использую модульные импорты (через бабель), и все равно 860кб от него

@artalar Привет, вы вроде юзаете antd? У меня от него бандл сайз 1.4мб, как с этим бороться? Использую модульные импорты (через бабель), и все равно 860кб от него

Иконки надо выкинуть. Я тоже сейчас с анта плююсь

Антд для МВП просто супер-бупер

Документация у них кривая и комменты в коде на китайском

Но, думаю, если вы используете ключевые толстые компоненты, вроде дейт-пикера, то оно как бы так и будет… Большинство проблем с бандлсайзом решаются ленивой загрузкой. Если не мобайл-ферст…

Документация у них кривая и комменты в коде на китайском

Дока кул

В доке не указаны дефолтные значения пропсов, и описания очень короткие

Смотря что делать. Но для прод разработки да…

@artalar Привет, вы вроде юзаете antd? У меня от него бандл сайз 1.4мб, как с этим бороться? Использую модульные импорты (через бабель), и все равно 860кб от него

А кто-нибудь уже заморачивался с ленивым подключением сервис-воркера (через скрытый айфрейм или еще как)?

github.com/NekR/offline-plugin данная либа делает лениво вроде сразу, можешь глянуть какой выплёвывает воркер

Привет!!! короче прохожу курс, автор для удаления элемента в реакте использовал вот такую портянку deletItem = (id) => { this.setState(({todoData}) => { const idx = todoData.findIndex((el) => el.id === id) const newArray = [ ... todoData.slice(0, idx), ... todoData.slice(idx+1) ] return { todoData: newArray } }) } я её зарефакторил сделал так deletItem = (id) => { this.setState(({todoData}) => { return { todoData: todoData.filter((elem) => elem.id!==id) } }) } прально не?

Потому что его инициализация стоит перформанса

Крайне рекомендую ознакомится: https://youtu.be/JZ_frg23QX0?t=1623 SW при инициализации берет больше на ~10% Но хотелось бы более подробные иследования найти, конечно…

Привет!!! короче прохожу курс, автор для удаления элемента в реакте использовал вот такую портянку deletItem = (id) => { this.setState(({todoData}) => { const idx = todoData.findIndex((el) => el.id === id) const newArray = [ ... todoData.slice(0, idx), ... todoData.slice(idx+1) ] return { todoData: newArray } }) } я её зарефакторил сделал так deletItem = (id) => { this.setState(({todoData}) => { return { todoData: todoData.filter((elem) => elem.id!==id) } }) } прально не?

this.setState({ todoData: this.state.todoData.filter((elem) => elem.id!==id) }) а вот так чем не устроило?

тем что там колбек в сетстейте изначально а это как бы не одно и тоже

я может не увидел, зачем он там, что бы получить предыдущее значение? в this.state же предыдущее будет

this.setState({ todoData: this.state.todoData.filter((elem) => elem.id!==id) }) а вот так чем не устроило?

тогда назвать хотяб prevTodo

onToggleDone = (id) => { this.detState(({todoData}) => { const idx = todoData.findIndex((el) => el.id === id) const oldItem = todoData[idx] const newItem = { ... oldItem, done: !oldItem.done} const newArray = [ ... todoData.slice(0, idx), newItem, ... todoData.slice(idx+1) ] }) return{ todoData: newArray } }

Всем привет Можно ли как то получить параметры роутера, если компонент не рендериться по роуту копал в сторону witRouter

не видит

вот так делаю

вот так

че?

можно это не в app делать а в index

да, я думаю логичней это делать, там где и обычный dom render