Ну, значит, ты где-то лажанул

У меня обычный компонент, и в родтеле вызывается forceUpdate

А вот ребёнок не обновляется

Ванговать без кода сложно

100 строк? ))

90 строк

Я передаю в него только один приметив и этот приметив не меняется

Ща

Ага, в сендбоксе у меня всё работает

https://codesandbox.io/s/61nk2j875r

Эт норм?)

Он сегодня что - то тупит

Попробуй ещё раз

Может npm'у плохо

Был еще вот такой вот гость. Но чет там было багов придостаточно, но зато можно стримить в риал-тайме. https://www.webpackbin.com/

Что за бред, в сендбоксе работает, в проекте нет ?

Попробуй ещё раз

С 100й попытки export default ({ time }) => <h1>Time: {Date.now() - new Date(time).getTime() }!</h1>; Так это изи. Должно работать

С 100й попытки export default ({ time }) => <h1>Time: {Date.now() - new Date(time).getTime() }!</h1>; Так это изи. Должно работать

Разбераюсь, почему у меня не работает

В вебпакбине можно было и код стримить. Там у зрителя открывалось и окно предпросмотра, и окно редактора.

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

Я закреплю тут на всякий случай... #react_online https://codesandbox.io/ https://stackblitz.com

Я закреплю тут на всякий случай... #react_online https://codesandbox.io/ https://stackblitz.com

Во, ништяк, спасибо

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

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

С телефона неудобно

С 100й попытки export default ({ time }) => <h1>Time: {Date.now() - new Date(time).getTime() }!</h1>; Так это изи. Должно работать

Походу у меня он не тикает, потому что - то этот компонент использует Redux, другого объяснения у меня нет

В него передаётся один параметр из конфигурации,, который лежит в сторе

*это я объяснил зачем там редакс

С телефона неудобно

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

Просто если какой-то большой кусок, то довольно сложно его тут читать из сообщения

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

Скриншот проще и быстрее

Скриншот проще и быстрее

Ну а если это несколько компонентов... Ну вообщем мое дело предложить

*это я объяснил зачем там редакс

Когда ты коннектишь компонент - можно передать параметр pure. По умолчанию он true - то есть делает твой компонент чистым

Глянь доки к коннекту

Кто нибудь может с этим помочь? https://github.com/metr1ckzu/react-calculator/tree/testing

*это я объяснил зачем там редакс

Но ставить pure в false - так себе решние (наверное)

Глянь доки к коннекту

Ага, спасибо большое ?

Кто нибудь может с этим помочь? https://github.com/metr1ckzu/react-calculator/tree/testing

выше сказали же, подрубить бейбел

типа "transform": { "^.+\\.(js|jsx)$": "<rootDir>/node_modules/babel-jest" }

парни, есть функция в connect((state, props) => {}), как сделать чтобы она не вызывалась при любом изменении в сторе?

выше сказали же, подрубить бейбел

это ведь идет в package.json?

ага, в секции жеста

парни, есть функция в connect((state, props) => {}), как сделать чтобы она не вызывалась при любом изменении в сторе?

реселект?

реселект?

у меня выборка по динамическому айдишнику, реселект такое вроде не может?

const item = state.table.items[props.id]

Ну ты айдишник где-то же хранишь

Вот пусть реселект получает его из стора

И отдает тебе выборку

айдишник извне, он передается пропом

Ну селекторы вторым параметром помимо стейта принимают пропы:)

ага, в секции жеста

кажись сдвинулся с мертвой точки, в другую стенку

у меня выборка по динамическому айдишнику, реселект такое вроде не может?

В смысле не может? он для этого и сделан

предпологаю, что это что-то связанные с env в бебеле?

jasmine/Env.js? не думаю

у меня выборка по динамическому айдишнику, реселект такое вроде не может?

Только мап стейт объявляй нормально const mapState = () => { const selector = createSelector() return (state, props) => { return selector(state, props) } }

За деталями в доки к коннекту и реселектуъ

как вообще работает reselect внутри?

как он понимает изменился массив или нет

или объект вложенный

Эм

Ну доки же есть)

Он сравнивает по ===

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

ERROR: S client not available

Но если хочешь это сделать, значит что-то делаешь неправильно

Друзья, у меня к вам вопрос в духе "как лучше?", есть большой saas проект, хочу сделать серверную часть как API и фронт на React, но как организовать фронт не знаю. Хотел изначально сделать SPA, остановило то что тяжелые файлы стилей/скриптов становятся + множество маршрутов. Теперь думаю сделать под каждую страницу свою "точку входа", где помимо файлов vendors, manifest будет один файл скриптов, стилей нужной страницы и ничего лишнего. Но тут (как я думаю) проблема по организации красивых url и в целом читаемости кода. Что посоветуете? Может почитать чего? Ссылки на примеры хорошей архитектуры? Накиньте мыслей пожалуйста, я в react новый человек, не кидайте камнями

jasmine/Env.js? не думаю

а что значит at Object.<anonymous> (src/app.test.js:17:1) Нифига не понятно(

это откуда ваще? из CRA?

да

а зачем там jasmin?

Он сравнивает по ===

ну так объекты какой смысл сравнивать? они же всегда будут разными

Друзья, у меня к вам вопрос в духе "как лучше?", есть большой saas проект, хочу сделать серверную часть как API и фронт на React, но как организовать фронт не знаю. Хотел изначально сделать SPA, остановило то что тяжелые файлы стилей/скриптов становятся + множество маршрутов. Теперь думаю сделать под каждую страницу свою "точку входа", где помимо файлов vendors, manifest будет один файл скриптов, стилей нужной страницы и ничего лишнего. Но тут (как я думаю) проблема по организации красивых url и в целом читаемости кода. Что посоветуете? Может почитать чего? Ссылки на примеры хорошей архитектуры? Накиньте мыслей пожалуйста, я в react новый человек, не кидайте камнями

пахнуло 2010м, осталось реакт на jq заменить

а зачем там jasmin?

я даже не представляю, что это

а зачем там jasmin?

к чаю

https://facebook.github.io/react/docs/installation.html

а с jest он же не нужен?

я просто поставил CRA

ну и потом 4 часа мучений с тестами, почему нифига жест не работал, но жасмин я не ставил кажись

или объект вложенный

createSelector( selectA, selectB, (a, b) => result ) Первые N (в примере 2) функции получают куски стейта. Т.е. если ты вызвал селектор как selector(state, props), то в первые две функции будут переданы параметры state и props. То, что вернут эти функции и будет сравниваться: по-умолчанию через ===, но можно прокинуть свою любую функцию. В последнюю функцию всегда передается результат работы предыдущих. Она вызывается, только когда хоть одно из этих значений изменилось. Пример const selector = createSelector( (state, props) => state.table.items[props.id], item => ({ item }) ) selector(state, props) Но в данном случае селектор нахрен не нужен. Он нужен только когда ты собираешь сложный стейт из нескольких сторов

Если у тебя есть изменения, ты изменяешь стейт, если их нет - не изменяешь, соответственно объект либо новый, либо старый ??

Короче, нет времени объяснять) Изучай сам

Прочувствуй :)

Если у тебя есть изменения, ты изменяешь стейт, если их нет - не изменяешь, соответственно объект либо новый, либо старый ??

Да)

пахнуло 2010м, осталось реакт на jq заменить

т.е. однозначно пилить spa?

ну и потом 4 часа мучений с тестами, почему нифига жест не работал, но жасмин я не ставил кажись

а жест там не из коробки настроен? в таком случае там секция должна быть про настройку

createSelector( selectA, selectB, (a, b) => result ) Первые N (в примере 2) функции получают куски стейта. Т.е. если ты вызвал селектор как selector(state, props), то в первые две функции будут переданы параметры state и props. То, что вернут эти функции и будет сравниваться: по-умолчанию через ===, но можно прокинуть свою любую функцию. В последнюю функцию всегда передается результат работы предыдущих. Она вызывается, только когда хоть одно из этих значений изменилось. Пример const selector = createSelector( (state, props) => state.table.items[props.id], item => ({ item }) ) selector(state, props) Но в данном случае селектор нахрен не нужен. Он нужен только когда ты собираешь сложный стейт из нескольких сторов

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

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

а жест там не из коробки настроен? в таком случае там секция должна быть про настройку

ну если он пришел мне с CRA, то должен по идеи из коробки работать

там типа выборки и сортировки и они зависят от изменений в сторе массива и объекта

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

что я могу сказать? reselect - верное направление) ознакомься внимательно и запиливай к себе

а жест там не из коробки настроен? в таком случае там секция должна быть про настройку

ну жесть я настраивал по этому http://facebook.github.io/jest/docs/getting-started.html#content до webpack'a

там типа выборки и сортировки и они зависят от изменений в сторе массива и объекта

const selector = createSelector( (state, props) => state.table.items, // array (state, props) => state.table.sortColumn[props.tableId], // string (items, sortKey) => ({ items: doSort(items, sortKey) }) ) selector(state, props)

там типа выборки и сортировки и они зависят от изменений в сторе массива и объекта

scu, updateForKeys из recompose

там типа выборки и сортировки и они зависят от изменений в сторе массива и объекта

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

Он скорее всего изменяет объект даже если данные одни и те же