ну, тут согласен. я думаю заменить dispatch на execute но тогда писать mapDispatchToProps станет посложнее я хотел сделать максимально мягкий переход с санок. я сделал

и получить кучу профита с этого перехода. я получил. Юзаю в проде в команде

Дай ссылку ленивому человеку

Дай ссылку ленивому человеку

npmjs.com/redux-execue

неистово плюсую

Поэтому он вынесен в отдельную функцию >_> один раз пишешь и потом тучу раз переиспользуешь

а

Гист - это неоформленный пакет

Что бы можно было просто взять, а не устанавливать

кому надо ?‍♂️

гист так-то можно устанавливать как пакет

Я, возможно, даже знаю как ?

Просто ссылку указал ?

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

у меня тесты выглядят примерно как тесты саги.

стор должен быть объектом, где все поля называются так же, как редьюсеры, которые должны обрабатывать эти поля?

npmjs.com/redux-execue

Спасибо В логер бы getState() добавил Мне кажется я видел саджест на санк что бы как у тебя сделать

Спасибо В логер бы getState() добавил Мне кажется я видел саджест на санк что бы как у тебя сделать

на счет getState можно подумать.

стор должен быть объектом, где все поля называются так же, как редьюсеры, которые должны обрабатывать эти поля?

У редьюсера нет названия, это функция. Если ты про combineReducers, то короткий ответ "да" :)

У редьюсера нет названия, это функция. Если ты про combineReducers, то короткий ответ "да" :)

да, именно про неё. спасибо

https://github.com/pedronauck/reworm - где бы вы тут делали асинхрощину ?

Помнится обсуждали что реворм сильно таксебе

Используйте нативный контекст https://codesandbox.io/s/n3rn49jzz0

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

Там, вроде, все слишком просто что бы быть либой

и ограничено при этом

Такой вопрос, при работе с новым контекстом где вы храните Consumer? Заводите папочку contexts или экспортите из того же файла, где провайдер лежит?

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

не выкладывал, ибо ищу более удобный способ

думаю, поменять на .returnsPromise(result) или .resolves(result) .rejects(result) чтобы можно было бы возвращать любое значение для промиса .rejects(error) чтобы руками .returns(Promise.reject(error))

@sergeysova посомотрел на redux-execue, я не совсем понимаю идеи, выглядит как обычная санка Thunk: const result = dispatch(myEffect(a, b)) Execue: const result = dispatch(myEffect, a, b)

@sergeysova посомотрел на redux-execue, я не совсем понимаю идеи, выглядит как обычная санка Thunk: const result = dispatch(myEffect(a, b)) Execue: const result = dispatch(myEffect, a, b)

да

разница в том, что есть логгирование и тестить проще

разница в формате вызова эффектов. также есть логгер (именно санок/эффектов) ну и тестировать проще)

вот

Хорошо, на счёт логирования согласен - удобно

Гриды

не совсем то

Почему?

причем тут реакт ? css

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

Все это делают гриды

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

я не великий мастер оформления логов (не Родионов всмысле)

пробовал Masonry, но это все равно не то

я не великий мастер оформления логов (не Родионов всмысле)

:D

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

background-image background-size: cover

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

Я все еще не понимаю, расстянуть изображение и все?

сейчас, попробую сформулировать

https://www.npmjs.com/package/react-grid-gallery

что то наподобие этого компонента

что то наподобие этого компонента

macy.js или bricks.js

macy.js или bricks.js

спасибо

В чем профит immutable данных в redux. Допустим у нас есть массив из 100 объектов со сложной структурой которые выводятся в таблицу. И мы допустим что-то меняем в этой таблице, и чтобы иммутабельно это сделать необходимо перебрать всю эту огромную струтуру чтобы вернуть новые данные. Не легче ли мутировать данные и возвращать например флаг isChanged. Если он true то делаем перерендер в компоненте.

В чем профит immutable данных в redux. Допустим у нас есть массив из 100 объектов со сложной структурой которые выводятся в таблицу. И мы допустим что-то меняем в этой таблице, и чтобы иммутабельно это сделать необходимо перебрать всю эту огромную струтуру чтобы вернуть новые данные. Не легче ли мутировать данные и возвращать например флаг isChanged. Если он true то делаем перерендер в компоненте.

1. мы не перебираем всю структуру, а только одну ветвь - это важно (и не так дорого) 2. если у тебя поменялся ребенок - означает ли это что поменялся родитель? Ответ - да. Как это узнать в мутабельных структурах?

т. е. мапая массив из 100 элементов, те в которых нет изменений мы просто возвращаем?

не делаем {...item}

т. е. мапая массив из 100 элементов, те в которых нет изменений мы просто возвращаем?

+

т. е. мапая массив из 100 элементов, те в которых нет изменений мы просто возвращаем?

Посмотри на это так var list = [{ a: 1 }, { b: 2 }, /*...*/]; var item = list[0]; var newItem = { ...item }; var newList = list.slice(); newItem.a = 0; newList[0] = newItem;

Посмотри на это так var list = [{ a: 1 }, { b: 2 }, /*...*/]; var item = list[0]; var newItem = { ...item }; var newList = list.slice(); newItem.a = 0; newList[0] = newItem;

т. е. массив другой, первый элемент другой, а остальные 99 теже, и мы можем проверить допустим в shouldComponentUpdate это и не делать перерендер этих 99 компонентов ?

ERROR: S client not available

+

помогите разобраться кто с React.PureComponent: отрубает ли он shouldComponentUpdate полностью или как-то действует по особенному?

1. мы не перебираем всю структуру, а только одну ветвь - это важно (и не так дорого) 2. если у тебя поменялся ребенок - означает ли это что поменялся родитель? Ответ - да. Как это узнать в мутабельных структурах?

Observer

И мутируй

Observer

Тебе ссылку на пазон дать?)

У меня все тесты с мутабельными структурами проходят)

Тебе ссылку на пазон дать?)

Давай

Давай

https://github.com/artalar/pathon

https://github.com/artalar/pathon

Ого, ты тоже свой стейт менеджер написал? Обязательно гляну

Ого, ты тоже свой стейт менеджер написал? Обязательно гляну

Вот пример с адаптером для реакта https://codesandbox.io/s/3qvz8vlqv5

Там, на самом деле, все самое хорошее будет со второй версии. Первая (текущая) версия - это, на самом деле, стабильная бетка

господа реактщики, никто не в курсе простого способа получить гет параметры из роута с хешем т.е. такого http://localhost:3000/#/agreement?f=2

Я продал душу за такой джедайский метод, но не работает, если ссылка с хешем :( var url = new URL('http://127.0.0.1:1337/furnace/concentrate_report?id=404'); var id = url.searchParams.get("id");

господа реактщики, никто не в курсе простого способа получить гет параметры из роута с хешем т.е. такого http://localhost:3000/#/agreement?f=2

Query-string

Query-string

спасибо, но у меня для такого урла выходит null const values = queryString.parse(window.location.href); console.log(values);

спасибо, но у меня для такого урла выходит null const values = queryString.parse(window.location.href); console.log(values);

вероятно, у урла нет параметров, к тому же он просит search на вход (window.location.search)

вероятно, у урла нет параметров, к тому же он просит search на вход (window.location.search)

window.location.search пустая строка ввиду хеш роутера

урл такой

http://localhost:3000/#/agreement?f=22

http://localhost:3000/#/agreement?f=22

получил хэш, все что начинается со знака вопроса (включительно) передай в query-string

http://localhost:3000/#/agreement?f=22

а react-router-то используется? А то withRouter + location.search

window.location.search пустая строка ввиду хеш роутера

а хэш роутер по религиозным соображениям выбран?

а react-router-то используется? А то withRouter + location.search

можно и без withRouter, если напрямую в Router компонент

а хэш роутер по религиозным соображениям выбран?

под задачу

под задачу

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

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

это приложуха, которая запускаеться внутри аппки под андройдом ( аппка на Java ) в виде веб-вьюхи

это приложуха, которая запускаеться внутри аппки под андройдом ( аппка на Java ) в виде веб-вьюхи

дич

помогите разобраться кто с React.PureComponent: отрубает ли он shouldComponentUpdate полностью или как-то действует по особенному?

А доку почитать? Ну или код https://github.com/facebook/react/blob/9f78913b20d52a5849dd26aafebfbc3caf190812/packages/react-test-renderer/src/ReactShallowRenderer.js#L215

хуже

непонятное обсуждение вы затеяли, решение выше