норм способ да?

Господа, вопрос есть. Стартуем новый проект, и есть требование - SEO. И тут у меня встал выбор - nextjs vs нативный hydrate из ReactDOMServer. Что проще, плюсы, минусы, подводные камни? С ssr раньше не сталкивался, для меня пока что это темный лес

Господа, вопрос есть. Стартуем новый проект, и есть требование - SEO. И тут у меня встал выбор - nextjs vs нативный hydrate из ReactDOMServer. Что проще, плюсы, минусы, подводные камни? С ssr раньше не сталкивался, для меня пока что это темный лес

Спасибо. После чисто клиентского реакта сложно вкатиться? Или в целом все так же?

Спасибо. После чисто клиентского реакта сложно вкатиться? Или в целом все так же?

Спасибо. После чисто клиентского реакта сложно вкатиться? Или в целом все так же?

Ребят нубвопрос. Мне либа предоставляет обработчик готовый. Например файнал форм для кастомного поля. Как мне не оверрайдить а расширить этот обработчик? Например onBlur

Ребят нубвопрос. Мне либа предоставляет обработчик готовый. Например файнал форм для кастомного поля. Как мне не оверрайдить а расширить этот обработчик? Например onBlur

вкатиться не сложно, там есть Learn и куча примеров в репе. Главное внимательно читать доку

Господа, вопрос есть. Стартуем новый проект, и есть требование - SEO. И тут у меня встал выбор - nextjs vs нативный hydrate из ReactDOMServer. Что проще, плюсы, минусы, подводные камни? С ssr раньше не сталкивался, для меня пока что это темный лес

нужно понимать принцип изоморфного кода

вкатиться не сложно, там есть Learn и куча примеров в репе. Главное внимательно читать доку

если роутер next не нравится - то придется плохо. Если роуетр устраивает то вроде проблем нет. Сам пока смотрю в сторону ruzzle для следующего проекта

у меня план работ в понимании был немного другой))) 1. Очистить код от всего браузерно-специфичного добра типа window, DOM манипуляций, прямых обращений к location, history, document и т.д., на сервере ничего из этого нет. Да и вообще это плохая практика. 2. Следующий шаг — осознать, что каждый раз при выполнении кода нужно иметь свежий контекст. В противном случае запросы от разных клиентов будут перекрываться. 3.Крайне желательно данные хранить либо локально, либо в Redux Store, но никак не в общем коде, там — только статичные вещи, не меняющиеся от запроса к запросу. Крайне желательно проанализировать код на предмет утечек памяти, на сервере это быстро станет критичным. 4.Проверить и убедиться, что все используемые библиотеки умеют работать из-под сервера.

у меня план работ в понимании был немного другой))) 1. Очистить код от всего браузерно-специфичного добра типа window, DOM манипуляций, прямых обращений к location, history, document и т.д., на сервере ничего из этого нет. Да и вообще это плохая практика. 2. Следующий шаг — осознать, что каждый раз при выполнении кода нужно иметь свежий контекст. В противном случае запросы от разных клиентов будут перекрываться. 3.Крайне желательно данные хранить либо локально, либо в Redux Store, но никак не в общем коде, там — только статичные вещи, не меняющиеся от запроса к запросу. Крайне желательно проанализировать код на предмет утечек памяти, на сервере это быстро станет критичным. 4.Проверить и убедиться, что все используемые библиотеки умеют работать из-под сервера.

а gatsby кто-нить прикручивал для статики?

чето я не понимаю этих мемо штук… const onType = e => { setState({ ...state, [e.currentTarget.name]: e.currentTarget.value }); };const onType = e => { setState({ ...state, [e.currentTarget.name]: e.currentTarget.value }); }; есть банальный хендлер на он чейндж const [state, setState] = React.useState<State>({ originLabel: !!route ? route.origin.label : '', originAdress: '', originCoords: null, destinationLabel: !!route ? route.origin.label : '', destinationAdress: '', destiantionCoords: null }); есть банальный стейт формы <input disabled={!!route} ref={originEl} name="originAdress" placeholder="Address" type="text" onChange={React.useCallback(onType, [state.originAdress])} /> есть банальный инпут в котором я говорю onChange={React.useCallback(onType, [state.originLabel])} ```и у меня один хуй когда я ввожу чето в одно из полей формы, перерендеривается все… хотя сверху обмазал React.memo че я делаю не так? как добится того, типа я ввожу что то в форму и перерендериваеца только одна. а не все

Ух, спасибо ) а что там с роутером в нексте, кардинальной отличается от react router?

да, там file structure routing

Gatsby style?

Gatsby style?

Ребят, всем привет, какую либу использовать для локализации?

чето я не понимаю этих мемо штук… const onType = e => { setState({ ...state, [e.currentTarget.name]: e.currentTarget.value }); };const onType = e => { setState({ ...state, [e.currentTarget.name]: e.currentTarget.value }); }; есть банальный хендлер на он чейндж const [state, setState] = React.useState<State>({ originLabel: !!route ? route.origin.label : '', originAdress: '', originCoords: null, destinationLabel: !!route ? route.origin.label : '', destinationAdress: '', destiantionCoords: null }); есть банальный стейт формы <input disabled={!!route} ref={originEl} name="originAdress" placeholder="Address" type="text" onChange={React.useCallback(onType, [state.originAdress])} /> есть банальный инпут в котором я говорю onChange={React.useCallback(onType, [state.originLabel])} ```и у меня один хуй когда я ввожу чето в одно из полей формы, перерендеривается все… хотя сверху обмазал React.memo че я делаю не так? как добится того, типа я ввожу что то в форму и перерендериваеца только одна. а не все

razzel голый и мертвый

голый и слава богу) А почему мертвый? последняя публикация в npm 2 меясца

linguijs

Ребят, всем привет, какую либу использовать для локализации?

Не видно value свойства что-то у input, у вас controlled или uncontrolled инпут в итоге?

а в чем отличие между той же i18n?

через реф короче. без валью

вокруг него ничего нет, поэтому мертвый

Сурово, а зачем так?

а что надо вокруг? Если стартовать с нуля проект с ssr - самое сложно как раз накрурить все конфиги для вебпака. Все остальено проблем не вызывает.

нормальный роутинг, кодсплитинг, чанки цсс

чето я не понимаю этих мемо штук… const onType = e => { setState({ ...state, [e.currentTarget.name]: e.currentTarget.value }); };const onType = e => { setState({ ...state, [e.currentTarget.name]: e.currentTarget.value }); }; есть банальный хендлер на он чейндж const [state, setState] = React.useState<State>({ originLabel: !!route ? route.origin.label : '', originAdress: '', originCoords: null, destinationLabel: !!route ? route.origin.label : '', destinationAdress: '', destiantionCoords: null }); есть банальный стейт формы <input disabled={!!route} ref={originEl} name="originAdress" placeholder="Address" type="text" onChange={React.useCallback(onType, [state.originAdress])} /> есть банальный инпут в котором я говорю onChange={React.useCallback(onType, [state.originLabel])} ```и у меня один хуй когда я ввожу чето в одно из полей формы, перерендеривается все… хотя сверху обмазал React.memo че я делаю не так? как добится того, типа я ввожу что то в форму и перерендериваеца только одна. а не все

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

у меня план работ в понимании был немного другой))) 1. Очистить код от всего браузерно-специфичного добра типа window, DOM манипуляций, прямых обращений к location, history, document и т.д., на сервере ничего из этого нет. Да и вообще это плохая практика. 2. Следующий шаг — осознать, что каждый раз при выполнении кода нужно иметь свежий контекст. В противном случае запросы от разных клиентов будут перекрываться. 3.Крайне желательно данные хранить либо локально, либо в Redux Store, но никак не в общем коде, там — только статичные вещи, не меняющиеся от запроса к запросу. Крайне желательно проанализировать код на предмет утечек памяти, на сервере это быстро станет критичным. 4.Проверить и убедиться, что все используемые библиотеки умеют работать из-под сервера.

чето я не понимаю этих мемо штук… const onType = e => { setState({ ...state, [e.currentTarget.name]: e.currentTarget.value }); };const onType = e => { setState({ ...state, [e.currentTarget.name]: e.currentTarget.value }); }; есть банальный хендлер на он чейндж const [state, setState] = React.useState<State>({ originLabel: !!route ? route.origin.label : '', originAdress: '', originCoords: null, destinationLabel: !!route ? route.origin.label : '', destinationAdress: '', destiantionCoords: null }); есть банальный стейт формы <input disabled={!!route} ref={originEl} name="originAdress" placeholder="Address" type="text" onChange={React.useCallback(onType, [state.originAdress])} /> есть банальный инпут в котором я говорю onChange={React.useCallback(onType, [state.originLabel])} ```и у меня один хуй когда я ввожу чето в одно из полей формы, перерендеривается все… хотя сверху обмазал React.memo че я делаю не так? как добится того, типа я ввожу что то в форму и перерендериваеца только одна. а не все

вроде onChange={React.useCallback(onType, [state.originAdress])} вообще не законно. Все хуки должны быть объевлены в начале

вроде onChange={React.useCallback(onType, [state.originAdress])} вообще не законно. Все хуки должны быть объевлены в начале

Законно, пока там условного рендеринга не появится, но чтобы избежать проблем, да, надо до возврата JSX все определять.

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

чекни FormApi.blur

Блин, все равно не пойму, ну неужели кроме глушения правила ниче нельзя сделать по-нормальному?

Блин, все равно не пойму, ну неужели кроме глушения правила ниче нельзя сделать по-нормальному?

ну да, у меня дата провайдер в пропсах, функция загрузки в пропсах

о, спасибо, вот так вот проде збсь стало

теперь оно хочет обратно в useEffect

loadIntegrations в пропсах, потому что мой дата провайдер - это hoc, оно никогда не поменяется

Привет, немного не по реакт вопрос. Кто-нибудь подключал услуги интернет-эквайринга на сайт для физ.лица без ИП?

а не, не стало збсь, это я просто глушилку забыл убрать*(((