symbiote для редакса )

вопрос времени

вопрос времени

ахах)

переодический вылетает ошибка "type 'middleware' is not generic". Текущая версия redux: 3.7.2 , для redux-thunk: 2.2.0 . Решением в поисковике было обновить redux до 4.0.0 , redux-thunk до 2.3.0 . Вроде бы работало , до опеределенного времени , затем все та же ошибка. Может кто сталкивался с проблемой

Подскажите, как можно разделить переменные среды для локал/тест/прод? Использовалось cra. Я так понял что там только можно разделить дев и прод, то есть .env.development загружается когда делаешь npm start .env.production загружается когда делаешь npm run build Или я что-то не так понял?

Подскажите, как можно разделить переменные среды для локал/тест/прод? Использовалось cra. Я так понял что там только можно разделить дев и прод, то есть .env.development загружается когда делаешь npm start .env.production загружается когда делаешь npm run build Или я что-то не так понял?

Там любой env можно юзать. Создаёшь .env.test, а при запуске указываешь NODE_ENV=test

Может кто нибудь подсказать как тестировать функции в которых используются if и ref с помощью jest/enzyme? Я попробовал сделать так it("тест whenCDM", () => { const instance = wrapper.instance(); expect(instance.whenCDM(wrapper.instance().countriesList.current)) }); countriesList это ref если сделать консоль лог wrapper.instance().countriesList то выдает { current: null } Сама функция выглядит так private whenCDM = (countriesList:any): any => { if (countriesList.current !== null) { this.whenComponentDidMount( countriesList.current.getBoundingClientRect().top ); } }; если запустить тест то jest выдает ошибку TypeError: Cannot read property 'current' of null и указывает на строку с if (countriesList.current !== null) а именно на current

пожалуйста, научите предзагружать данные в стор с next.js (redux, redux-thunk) Redux навешивал по этому примеру https://github.com/zeit/next.js/tree/master/examples/with-redux пока делаю так: static async getInitialProps ({ reduxStore, store, props }) { await reduxStore.dispatch(loadCityData()) console.log(reduxStore.getState()) return { } } console.log возвращает валидный стор, но у клиента он пустой. сам экшен: export const loadCityData = () => dispatch => { dispatch({ type: types.LOAD_CITY_DATA }) return myApi(ajaxUrls.SERVICE_CENTER) .then(response => { dispatch({ type: types.LOAD_CITY_DATA_SUCCESS, data: response.data.data }) }) .catch(({ message }) => { dispatch({ type: types.LOAD_CITY_DATA_FAILED, errors: message }) }) }

пожалуйста, научите предзагружать данные в стор с next.js (redux, redux-thunk) Redux навешивал по этому примеру https://github.com/zeit/next.js/tree/master/examples/with-redux пока делаю так: static async getInitialProps ({ reduxStore, store, props }) { await reduxStore.dispatch(loadCityData()) console.log(reduxStore.getState()) return { } } console.log возвращает валидный стор, но у клиента он пустой. сам экшен: export const loadCityData = () => dispatch => { dispatch({ type: types.LOAD_CITY_DATA }) return myApi(ajaxUrls.SERVICE_CENTER) .then(response => { dispatch({ type: types.LOAD_CITY_DATA_SUCCESS, data: response.data.data }) }) .catch(({ message }) => { dispatch({ type: types.LOAD_CITY_DATA_FAILED, errors: message }) }) }

что за reduxStore и store?

что за reduxStore и store?

хотел проверить, есть ли этот field у объекта, забей, он undefined

reduxStore там стор

reduxStore там стор

открой view-source:site.com, там должен быть твой стор в виде жсона

открой view-source:site.com, там должен быть твой стор в виде жсона

да, он есть. но он не рендерится в компоненте

да, он есть. но он не рендерится в компоненте

покажи createStore клиентский

покажи createStore клиентский

на клиенте его отдельно надо создавать?

на клиенте его отдельно надо создавать?

да

да

спасибо за помощь

на клиенте его отдельно надо создавать?

эм, на клиенте не надо создавать

в _app он приходит из props

эм, на клиенте не надо создавать

ну у меня тупая копипаста example

createStore(preloadedState, reducer)

и я вижу в with-redux хоке метод, который проверяет всё это дело, но он почему-то не срабатывает. видимо, где-то не уследил

createStore(preloadedState, reducer)

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

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

нет

он должен из пропсов приходить

который прокидывается на сервере

getorcreatestore видел?

react-modal плагин(или как это называется) можно ли там как-то юзать свои стрелки вправо-влево

getorcreatestore видел?

он в getInitialProps вызывается

/ Get or Create the store with `undefined` as initialState // This allows you to set a custom default initialState const reduxStore = getOrCreateStore(); // Provide the store to getInitialProps of pages appContext.ctx.reduxStore = reduxStore;

я сам накосячил крч

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

переодический вылетает ошибка "type 'middleware' is not generic". Текущая версия redux: 3.7.2 , для redux-thunk: 2.2.0 . Решением в поисковике было обновить redux до 4.0.0 , redux-thunk до 2.3.0 . Вроде бы работало , до опеределенного времени , затем все та же ошибка. Может кто сталкивался с проблемой?

поцоны

отказ от () => handleClick(id)

есть что-то кроме react-select ?

есть что-то кроме react-select ?

downshift

Scu слишком сильное колдунство, кек

отказ от () => handleClick(id)

и что вместо них ?))

и что вместо них ?))

data-id и читать его из event.target

data-id и читать его из event.target

это разве реакт вей?

data-id и читать его из event.target

Чееее

data-id и читать его из event.target

FFFUUUU~

решений много

просто вариант, я пользуюсь замыканием

решений много

перечислите пожалуйста

че накинулись то)

сходу назвать эти два можно - вынос в отдельный компонент - мемоизация

но на самом деле можно не отказываться

это далеко не ботлнек

перечислите пожалуйста

Вложенные компоненты, iife

сходу назвать эти два можно - вынос в отдельный компонент - мемоизация

все в отдельных компонентах, но происходит ререндер

все в отдельных компонентах, но происходит ререндер

не произойдет, если аргумент не поменяется

это и есть мемоизация, только чуть усложенная

data-id и читать его из event.target

хороший вариант

потому что эти ваши реакт-вей - полное говно

удобно использовать data-id - заебись, значит хорошее решение

не произойдет, если аргумент не поменяется

возьмем пример. У меня есть сайдбар, который создает пункты меню из файла. Т.е мапит. В нем есть вложенные пункты и колапс для раскрытия их. каждый раз при колапсе, заново мапятся сайдбар айтемы. Шо делать тогда?

ERROR: S client not available

У остальных аргументы не меняются

возьмем пример. У меня есть сайдбар, который создает пункты меню из файла. Т.е мапит. В нем есть вложенные пункты и колапс для раскрытия их. каждый раз при колапсе, заново мапятся сайдбар айтемы. Шо делать тогда?

файлы - отдельные компоненты с ключами, они будут принимать те же пропы, поэтому перерисовки не будет

файлы - отдельные компоненты с ключами, они будут принимать те же пропы, поэтому перерисовки не будет

ага, если бы

это все в теории

в девтулзах реакта у меня все синим горит

intersection observer вроде не достаточно хорошо поддерживается браузерами

полифилы решают

я уверен, в этом чатике мало кто знает, если вообще знает про оптимизацию рендера.

scu, key все что я слышу

scu, key все что я слышу

Ну как минимум не делать в рендере вычислений

https://gist.github.com/popugang/edd4bbb85c175ad5bdbebf5f00030b29 если кому интересно зы, еще рефакторить буду, но тут разбиты все на компоненты

Какой же ужас

Такое реально можно вечно оптимизировать

переодический вылетает ошибка "type 'middleware' is not generic". Текущая версия redux: 3.7.2 , для redux-thunk: 2.2.0 . Решением в поисковике было обновить redux до 4.0.0 , redux-thunk до 2.3.0 . Вроде бы работало , до опеределенного времени , затем все та же ошибка. Может кто сталкивался с проблемой?

?о Fragment key= это норма или нет

?о Fragment key= это норма или нет

да

downshift

такое мне проще руками написать

переодический вылетает ошибка "type 'middleware' is not generic". Текущая версия redux: 3.7.2 , для redux-thunk: 2.2.0 . Решением в поисковике было обновить redux до 4.0.0 , redux-thunk до 2.3.0 . Вроде бы работало , до опеределенного времени , затем все та же ошибка. Может кто сталкивался с проблемой?

тайпскрипт?

Такое реально можно вечно оптимизировать

нет, там нужно просто вынести в sidebarItem и кода меньше было

Какой же ужас

ты бы так не сказал, если бы кода меньше было

https://gist.github.com/popugang/edd4bbb85c175ad5bdbebf5f00030b29 если кому интересно зы, еще рефакторить буду, но тут разбиты все на компоненты

В рендере должен быть только JSX и максимум 1 тернарка \ 1-2 логических оператора. Все остальное нужно предвычислять ДО PureComponent

тайпскрипт?

уже на готове послать в другой чатик))

В рендере должен быть только JSX и максимум 1 тернарка \ 1-2 логических оператора. Все остальное нужно предвычислять ДО PureComponent

окей, in={this.state.current === link.name} как я тебе это вычислю?

меня бы устраивал react-seleсt, если бы там value было просто value, а не целый option

В рендере должен быть только JSX и максимум 1 тернарка \ 1-2 логических оператора. Все остальное нужно предвычислять ДО PureComponent

рендер-пропы я за JSX не считаю, если что

уже на готове послать в другой чатик))

не увидел ответ , там спрошу, спасибо

такое мне проще руками написать

интересно зачем тогда либа существует?)

окей, in={this.state.current === link.name} как я тебе это вычислю?

да там весь рендер нужно разбивать на 3-4 разных компонента и все станет много проще

да там весь рендер нужно разбивать на 3-4 разных компонента и все станет много проще

что станет проще?

что станет проще?

все