Kurzdor
И при переходе на /foo подгружать Foo с отдельного чанка
DErek
у меня продакшен сборка делается роллапом, в дев-моде - cra, но зачем чанки по папкам?
Каждая папка как отдельный проект
Mikhail
Для отдельного пути генерить свой чанкобандл
А примеру есть /foo -> <Foo />
я просто обернул бы Foo в ленивую загрузку
Stas
🅅aleriy
Сделай lazy import
Mikhail
я просто обернул бы Foo в ленивую загрузку
примерно так
LazyFoo = (props => <Lazy {...props} promise={import("./Foo.js")}/>)
Daniil
ммм, может я пещерный человек, но щас уже дружат лейзи лоад с сср?
Daniil
ладно код сплитинг, а лейзи?
Dmitry
Mikhail
для сср можно не делать ленивую загрузку если она не работает
Sergey
Daniil
для сср можно не делать ленивую загрузку если она не работает
тогда сразу и предупреждайте человека
Dmitry
Сначал туда написал, думал ошибся. Ок, спасибо
Daniil
за прогрессом лейзи лоада на сср давно уже не следил, помню что раньше было проблематично, мб конечно пропустил что - то
🅅aleriy
примерно так
LazyFoo = (props => <Lazy {...props} promise={import("./Foo.js")}/>)
cost Cmp = lazy(() => import( blabla.js''))
Никита Суханов
Ну в общем в доке почитай про lazy и suspense
ты оказался прав, нужно было вынести код с копмпонента. почему?
Mikhail
cost Cmp = lazy(() => import( blabla.js''))
угу, еще проще, у меня просто Lazy не реактовый нативный
Andrey
Потому что каждый раз, когда вызывается рендер (реконсиляция), твоя функция заново создаётся, а прошлая превращается в тыкву
🅅aleriy
ты оказался прав, нужно было вынести код с копмпонента. почему?
Чтобы функция не пересозбавалась во время ререндеринга
🅅aleriy
угу, еще проще, у меня просто Lazy не реактовый нативный
А вот нереактовый по моему как раз с сср может быть и работает
Никита Суханов
Чтобы функция не пересозбавалась во время ререндеринга
ну даже если пересоздасться. что не так?:
Oleh
да
Mikhail
А вот нереактовый по моему как раз с сср может быть и работает
class Lazy extends Component {
constructor(props) {
super(props);
this.state = {};
props.promise.then(({default: component}) => this.setState({component}));
}
render() {
const c = this.state.component;
if (!c) return null;
const {promise, ...otherProps} = this.props;
return React.createElement(c, otherProps)
}
}
🅅aleriy
ну даже если пересоздасться. что не так?:
Ну считай что при каждом срабатывания колбэка у тебя таймер будет сбрасываться
Daniil
А вот нереактовый по моему как раз с сср может быть и работает
А разница? Концепция же в том, чтобы подгружать когда область компонента будет видна грубо говоря.
Никита Суханов
🅅aleriy
Или как там твой дебаунс велосипедный рабо ает
🅅aleriy
А разница? Концепция же в том, чтобы подгружать когда область компонента будет видна грубо говоря.
Да они примерно одно и тоже
Daniil
ну да, хз, надо будет глянуть опять, может уже боли меньше
🅅aleriy
Наивный реактовский лэзи пока поскромнее
🅅aleriy
И lazy + suspense на проде
Daniil
так саспенс же не мог в сср?
Daniil
уже все ок?
Daniil
блэт я же в его рамках и говорю
Daniil
а не просто так
🅅aleriy
Ааа
Mikhail
React.lazy and Suspense is not yet available for server-side rendering. If you want to do code-splitting in a server rendered app, we recommend Loadable Components. It has a nice guide for bundle splitting with server-side rendering.
Daniil
ну вот есть у меня злоебучий проект с сср
Daniil
и я пытался крутить туда лейзи лоад полгода назад точно
Daniil
хуй там
🅅aleriy
Хз мне повезло, все проекты корпоративные без ssr без seo
Daniil
ух
Dmitriy
Никита Суханов
кто может, помогите пожалуйста понять в чем проблема с этим ебаным дебаунсом, нервов нет уже
Никита Суханов
https://codepen.io/Shrek556/pen/pmWoMo?editors=0010
🅅aleriy
кто может, помогите пожалуйста понять в чем проблема с этим ебаным дебаунсом, нервов нет уже
А чего ты добиться хочешь? Зачем тебе дебаунс?
Daniil
Да чё норм, сча гугл краулер апдейтнул, ваще заживём)
ну ваще да, но мы пока боимся отрубить сср и посмотреть шо будет с сео
Daniil
тк мне кажется что еще не на 100% все окич
Vadim
Никита Суханов
И что при изменении инпута должно происходить в твоём понимании?
отправляться запрос на бд и формироваться список,чтоб помочь пользователю выбрать
Никита Суханов
отправляться запрос на бд и формироваться список,чтоб помочь пользователю выбрать
можно на консоль логи заменить
🅅aleriy
отправляться запрос на бд и формироваться список,чтоб помочь пользователю выбрать
Допустим ты ввёл букву
Через 250мс ввёл вторую, через 100мс третью, через секунду 4
Сколько запросов должно улететь?
Mikhail
Никита Суханов
🅅aleriy
Может просто по энтеру тогда?
Никита Суханов
код не работает, понимаешь?
Владислав
Всем привет! Есть вопрос.
Есть объект:
ru: {
ensure: {
TESTING_THE_MAIN_FUNCTION_OF_THE_SITE: "Протестируем основные <br /> функции сайта"
}
}
Есть вот такой рендер в компоненте
<p className="ttl">
{ruContentTxt.ru.ensure.TESTING_THE_MAIN_FUNCTION_OF_THE_SITE}
</p>
Как поправить, чтобы <br / > оставался тегом а не строкой?
Никита Суханов
onChange={({ target}) => debounced(target.value, handler)...
там не дебаунсел выполняется
Daniel