это парсель no minify или это разрешение сорсмап такое

Ребята, далаю SSR на React. При серверном рендеринге получаю данные и отправляю их клиенту и там сохраняю в стейте. Все работает. Только одно бесит. Как только бандл загружается, он начинает тянуть те же данные, которые уже находятся в стейте. Есть ли выход от этого?

Ребята, далаю SSR на React. При серверном рендеринге получаю данные и отправляю их клиенту и там сохраняю в стейте. Все работает. Только одно бесит. Как только бандл загружается, он начинает тянуть те же данные, которые уже находятся в стейте. Есть ли выход от этого?

Делать экшены с условиями типо fetchIfNeeded

Ребята, далаю SSR на React. При серверном рендеринге получаю данные и отправляю их клиенту и там сохраняю в стейте. Все работает. Только одно бесит. Как только бандл загружается, он начинает тянуть те же данные, которые уже находятся в стейте. Есть ли выход от этого?

https://redux.js.org/advanced/example-reddit-api как пример

https://redux.js.org/advanced/example-reddit-api как пример

Крутяк) Спасибо

учитывая что в доке ридакса нет нормальных примеров…

Ребят, подскажите как лучше работать с данными в реакте? Допустим я закинул в стейт массив обьектов как фейковые-данные, как лучше всего потом это прокидывать через пропсы дочерним компонентам? Есть какие-то "бэст-пректис" ? :)

Ребят, подскажите как лучше работать с данными в реакте? Допустим я закинул в стейт массив обьектов как фейковые-данные, как лучше всего потом это прокидывать через пропсы дочерним компонентам? Есть какие-то "бэст-пректис" ? :)

можно юзать контекст или взять какой-нибудь стейт менеджер

Ребят, подскажите как лучше работать с данными в реакте? Допустим я закинул в стейт массив обьектов как фейковые-данные, как лучше всего потом это прокидывать через пропсы дочерним компонентам? Есть какие-то "бэст-пректис" ? :)

взять например redux

Ребят, подскажите как лучше работать с данными в реакте? Допустим я закинул в стейт массив обьектов как фейковые-данные, как лучше всего потом это прокидывать через пропсы дочерним компонентам? Есть какие-то "бэст-пректис" ? :)

Да, когда поймешь что тебе приходится 5 раз прокидывать одни пропсы, а то и более, берешь redux

А когда ты возьмешь редакс, начнется в твоей жизни адок

А когда ты возьмешь редакс, начнется в твоей жизни адок

маленький адок, да. Но если возьмешь что-то вроде mobx, начнется большой ад

Ребят, подскажите как лучше работать с данными в реакте? Допустим я закинул в стейт массив обьектов как фейковые-данные, как лучше всего потом это прокидывать через пропсы дочерним компонентам? Есть какие-то "бэст-пректис" ? :)

https://github.com/jamiebuilds/unstated или свой context provider https://reactjs.org/docs/context.html#reactcreatecontext

https://github.com/jamiebuilds/unstated или свой context provider https://reactjs.org/docs/context.html#reactcreatecontext

и как оно?

подскажите в чем проблема. Есть код const state = window.__DATA__; console.log(state) const store = createStore(reducers, state, applyMiddleware(thunk)); console.log(store.getState()); delete window.__DATA__; но в store совесем не то, что находится в state

То что ты пихаешь в initialState должно по форме совпадать со структурой стора (то что редюсеры по умолчанию возвращают)

Лишнее будет отсечено

Лишнее будет отсечено

понял, спасибо. Пытаюсь ssr настроить

посоветуйте карусель для реакта

я недавно как раз нашел одну

pure-react-carousel очень понравилась мне

спасибо попробую)

а есть кто в create-react-app переехал на 4ый webpack?

а есть кто в create-react-app переехал на 4ый webpack?

Еретик

нужна фича из 4ого

я думал create-react-app юзают те кто не хочет знать чо там под капотом

вебпак или не вебпак

нужна фича из 4ого

Отказывайся от CRA

извиняюсь за глупый вопрос, но если данные получаются на основе роутера конфига, то есть там есть url, как мне запихнуть это initial state таким образом, чтоб его можно было использовать на стороне клиента. То есть есть роутеры const routers = [ { path: '/', component: Main, fetchUrl: 'https://jsonplaceholder.typicode.com/posts/1', fetch: axios.get, exact: true }, { path: '/about/', component: About, exact: true } ] на их основе получаю данные так export const renderFullPage = (req, res) => { const filePath = path.resolve(__dirname, '..', 'build', 'index.html'); const activeRoute = routers.find(route => matchPath(req.url, route)); const store = createStore(reducers) const promise = activeRoute.fetchUrl ? activeRoute.fetch(activeRoute.fetchUrl) : Promise.resolve() promise.then(response => { let state = undefined; if (response) { state = { isFetching: false, apps: response.data } } // ..... так вот этот стейт нужно пихнуть в редакс на стороне клиента, но как пихнуть если экшены не вызываются, и он не соотвествует структуре стайтов от редюсеров. Если сделать редюсер чисто для того, чтоб хранить данные из сервера, не будет ли фингей? другие идеи пока не приходят

Отказывайся от CRA

не время

извиняюсь за глупый вопрос, но если данные получаются на основе роутера конфига, то есть там есть url, как мне запихнуть это initial state таким образом, чтоб его можно было использовать на стороне клиента. То есть есть роутеры const routers = [ { path: '/', component: Main, fetchUrl: 'https://jsonplaceholder.typicode.com/posts/1', fetch: axios.get, exact: true }, { path: '/about/', component: About, exact: true } ] на их основе получаю данные так export const renderFullPage = (req, res) => { const filePath = path.resolve(__dirname, '..', 'build', 'index.html'); const activeRoute = routers.find(route => matchPath(req.url, route)); const store = createStore(reducers) const promise = activeRoute.fetchUrl ? activeRoute.fetch(activeRoute.fetchUrl) : Promise.resolve() promise.then(response => { let state = undefined; if (response) { state = { isFetching: false, apps: response.data } } // ..... так вот этот стейт нужно пихнуть в редакс на стороне клиента, но как пихнуть если экшены не вызываются, и он не соотвествует структуре стайтов от редюсеров. Если сделать редюсер чисто для того, чтоб хранить данные из сервера, не будет ли фингей? другие идеи пока не приходят

О. Простыня

Есть проблема с holderjs https://www.npmjs.com/package/holderjs Если сразу зайти на страницу где он должен показываться, то есть первоначальная загрузка будет на этой странице, то все ок. Но вот если дальше переходить по сайту, а потом вернуться на эту страницу, то он пропадает. Как быть? Подключаю вот так import 'holderjs'; использую вот так <img data-src='holder.js/400x200?auto=yes&bg=666&fg=444&text=text' alt='Alt' className='d-block w-100' />

а есть кто в create-react-app переехал на 4ый webpack?

CRA на то и CRA, чтобы ты не думал о сборщике проекта от слова совсем

тебе дают возможность тупо сосредоточиться на решении задач, а не ковыряться сутками в конфигах вебпаков и его плагинах

А если надо копаться, то ты не прав, тебе не надо)

А если надо копаться, то ты не прав, тебе не надо)

Вот вообще нет

Уже было тут за SVG на эту тему

Вот вообще нет

Аргументированно. Меняю мнение.

пришел поискать редуктор

Если проект чуть больше туду-листа, почти всегда приходится еджектить

Каждую неделю тут этот разговор, скокаможна

Если проект чуть больше туду-листа, почти всегда приходится еджектить

Вот надо заменить вебпак.

Если проект чуть больше туду-листа, почти всегда приходится еджектить

не всегда

Твоё решение?

erodionov.ru насколько я знаю на кра без еджекта работает еще и сср прикручен

Твоё решение?

Мое решение уже 3 проекта подряд - Next.js + редактирование конфига когда надо

Мое решение уже 3 проекта подряд - Next.js + редактирование конфига когда надо

А как же cra?

Предал его?

Я никогда кра не юзал на живом проекте Я попробовал начать, уперся в необходимость еджекта и забил

ERROR: S client not available

Object.values(props)

Я никогда кра не юзал на живом проекте Я попробовал начать, уперся в необходимость еджекта и забил

лолкекчебурек. Неплохо.

Да и как бы до кра вебпак настраивали и никто не умер)

ребят такой вопрос те, кто юзает ант ant-form-horizontal в примере формы есть вот такой стиль но в цсс import 'antd/dist/antd.css'; его нет

в чем прикол?

действительно тут есть редукторы

Да и как бы до кра вебпак настраивали и никто не умер)

Я и говорю, что тебе не в кра.

даже в папке формы нет а в верстке есть

что за бред

А это еще и лесс как я вижу

А это еще и лесс как я вижу

ant весь на лесс написан

да пофиг класса все равно нет же

а обновить пакет анта?

сегодня поставил

часа 3 назад

ну вы гоните что ли

часа 3 назад

не пиши столбиком

да, извиняюсь.

Ребят, а где хранить компонент со свичом и роутами в реакт приложении. Точнее в каком месте его рендерить? На одном уровне с рутовым копонентом?

пояснить вот эту ебалу

this.press = this.press.bind(this);

как это понять ?

пояснить вот эту ебалу

возвращает новую функцию с привязанным контекстом. Открой доку