Перекктилась на redux-act @ Радуюсь. Чего и лругим советую о.о

Такой кейс: В стейт пихаю огромный словарь терминов, который получаю от микросервиса вне моей ответственности. Не спрашивайте зачем. =) По нему будет осуществляться бинарный поиск для автокомплита. Но словарь не отсортирован. Сортировать его при получении из стейта — идиотизм, поэтому я хочу отсортировать его ДО попадания в стейт. Мне лучше сделать это в редъюсере или я в экшн уже должен передать данные в нужной форме?

Я бы это сделала в саге...

Перекктилась на redux-act @ Радуюсь. Чего и лругим советую о.о

А типизировать их как?

Я бы это сделала в саге...

Ну, т.е. в экшн-криейторе?

Ну, т.е. в экшн-криейторе?

Нет

А типизировать их как?

Не знаю. Не сталкивалась с типизацией в жс =/

Перекктилась на redux-act @ Радуюсь. Чего и лругим советую о.о

в чём преимущества перед стандартным подходом? меньше бойлерплейта?

в чём преимущества перед стандартным подходом? меньше бойлерплейта?

Без понятия ибо не использовала типизацию в жс.

Перекктилась на redux-act @ Радуюсь. Чего и лругим советую о.о

Ее ?

Без понятия ибо не использовала типизацию в жс.

я не про типизацию ? я про отличия от простого react redux

в чём преимущества перед стандартным подходом? меньше бойлерплейта?

Проще и эффективнее подход. Редукс константы просто убираются за ненадобностью, все

я не про типизацию ? я про отличия от простого react redux

А, да. И читать проще.

Проще и эффективнее подход. Редукс константы просто убираются за ненадобностью, все

а есть живые прмеры на гитхабе? потыкать посмотреть

Перекктилась на redux-act @ Радуюсь. Чего и лругим советую о.о

с чего?

Проще и эффективнее подход. Редукс константы просто убираются за ненадобностью, все

А зачем константы, если типы есть? Я их и не юзаю.

А зачем константы, если типы есть? Я их и не юзаю.

Это как?

у createAction второй аргумент это сама функция экшна?

А зачем константы, если типы есть? Я их и не юзаю.

Ну под стандартным подходом я подразумеваю switch case по типу экшна

Это как?

Flowtype.

Ну под стандартным подходом я подразумеваю switch case по типу экшна

Ну, верно. Типы и там же решают.

Я не юзаю константы.

Flowtype.

Я понял. Но в редьюсере ты как switch пишешь?

чет не пойму как в redux-act действовать если есть несколько стадий экшна? типа *_REQUEST *_SUCCESS *_ERROR

Я понял. Но в редьюсере ты как switch пишешь?

https://flow.org/en/docs/frameworks/redux/#typing-redux-reducers-a-classtoc-idtoc-typing-redux-reducers-hreftoc-typing-redux-reducersa

Я понял. Но в редьюсере ты как switch пишешь?

14 строка.

Если где-то ошибся, у тебя существующий экшн попадёт в дефолтный кейс, и флоу скажет тебе об ошибке.

чет не пойму как в redux-act действовать если есть несколько стадий экшна? типа *_REQUEST *_SUCCESS *_ERROR

const editTodo = createAction('Edit todo', (id, content) => ({id, content})); editTodo(42, 'the answer'); // return { type: '[2] Edit todo', payload: {id: 42, content: 'the answer'} } видимо так. передавать разные аргуменыт в экшн

с чего?

Со switch(type) и export const CONST = 'CONST';

чет не пойму как в redux-act действовать если есть несколько стадий экшна? типа *_REQUEST *_SUCCESS *_ERROR

Просто выхываешь их по мере наступления этих событий. С помощью саг там или танка.

Просто выхываешь их по мере наступления этих событий. С помощью саг там или танка.

кого вызывать? сейчас я цепляюсь в редьюсере к константам с суффиксом SUCCESS/ERROR чтобы поймать стадии запроса. А тут надо для них создавать отдельные экшны чтоль?

раз констант то нет

или как? кто нибудь кроме как с туду использовал его?)

или как? кто нибудь кроме как с туду использовал его?)

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

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

кого вызывать? сейчас я цепляюсь в редьюсере к константам с суффиксом SUCCESS/ERROR чтобы поймать стадии запроса. А тут надо для них создавать отдельные экшны чтоль?

// saga yield put(headerSuccess(data)); // action export const headerSuccess = createAction('Header - success.'); // reducer const reducer = createReducer({ [headerSuccess]: successHd, }, initialState);

// saga yield put(headerSuccess(data)); // action export const headerSuccess = createAction('Header - success.'); // reducer const reducer = createReducer({ [headerSuccess]: successHd, }, initialState);

ну да судя по коду получается что для success и error созадется отдельные экшны. В коде выше headerSuccess. Тогда получается заместо создания констант мы создаем кучу одинаковых экшнов. В чем преимущество?

Для каждого запроса минимум 3 экшна вместо одного и 3-х констант

Можно и с одни сделать как-то наверняка.

нужно засумонить идеологов, а то преимущество пока сомнительное

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

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

ну в сторе и храни в чем проблема?

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

checked={this.state.checked} и onChange у чекбокса и в нём setState({checked: e.target.checked})

ну да судя по коду получается что для success и error созадется отдельные экшны. В коде выше headerSuccess. Тогда получается заместо создания констант мы создаем кучу одинаковых экшнов. В чем преимущество?

можешь для реквестов/статусов сделать по старинке с константами или импортить общие экшны, это имхо вне скоупа этой либы

createReducer может и константы ловить

https://flow.org/en/docs/frameworks/redux/#typing-redux-reducers-a-classtoc-idtoc-typing-redux-reducers-hreftoc-typing-redux-reducersa

Хм. А эти "FOO", "BAR" писать как строки всегда? Как создается action creator? Пытаюсь понять, решает ли оно ту же проблему, что и redux-act.

createReducer может и константы ловить

а не, обернуть придется в createAction походу

Можно использовать payload reducer при создании экшена. Вот. В доке это чуть ли не первой строчкой указывается, а я вчера пропустила =((

Посоветуйте пожалуйста либу для работы с svg в реакте. Что есть: Есть несколько иконок в svg. Что нужно: Нужна возможность вставлять эти иконки в компоненты, плюс управлять цветом и размером иконки. Вставлял бы напрямую, но код svg иконки очень громоздкий

чет не пойму как в redux-act действовать если есть несколько стадий экшна? типа *_REQUEST *_SUCCESS *_ERROR

https://github.com/goodmind/treact/blob/master/src/app/redux/actions.ts#L16

Посоветуйте пожалуйста либу для работы с svg в реакте. Что есть: Есть несколько иконок в svg. Что нужно: Нужна возможность вставлять эти иконки в компоненты, плюс управлять цветом и размером иконки. Вставлял бы напрямую, но код svg иконки очень громоздкий

https://github.com/jhamlet/svg-react-loader

https://github.com/jhamlet/svg-react-loader

Выглядит чет не очень, еще и с вебпаом возиться. Нашел вот такую. но не вижу чтобы цвет менять можно было - https://github.com/atomic-app/react-svg

Выглядит чет не очень, еще и с вебпаом возиться. Нашел вот такую. но не вижу чтобы цвет менять можно было - https://github.com/atomic-app/react-svg

>Выглядит чет не очень, еще и с вебпаом возиться // лоадер { test: /\.(svg)$/i, include: aliases.al_d_icons, use: [ 'babel-loader', 'svg-react-loader' ] } // фаил с кионками export const EkkLipp = require('al_d_icons/ekk.svg'); // Использование import { EkkLipp } from 'icons'; <EkkLipp width={24} height={24} styleName="svg" /> .svg { fill: red; } Правда я не могу точно сказать норм ли он работает с SC каким-нибудь...

А react-svg был на одном проекте, но я его выпилила бо он оказался слишком неудобным для меня плюс его надо тащить в зависимости бандла.

найти бы png to svg

с нормальной интерполяцией и алгоритмом

Было же тут

чтобы углы не округляло

да, но это не подошло

работает не так, как нужно

Некрасиво?

https://github.com/goodmind/treact/blob/master/src/app/redux/actions.ts#L16

Интересно! Спасибо!

как грамотно проверить, есть 2 объекта, они могут быть undefined, нужно примерно такую логику (p_.content && p_.content.left) || (p_.customContent && p_.customContent.left), где left - это ключ hasOwnProperty, если один из них имеет такой ключ - вернуть true

Ну норм

ERROR: S client not available

[p_.content, p_.customContent].some(o => (o || {}).left)

а если left не фиксировать?

например если в функции передавать

'left', 'right'

'left', 'right'

[p_.content, p_.customContent].some(o => (o || {})[param])

'left', 'right'

(objects, prop) => objects.some(o => (o || {})[prop]);

спасибо

>Выглядит чет не очень, еще и с вебпаом возиться // лоадер { test: /\.(svg)$/i, include: aliases.al_d_icons, use: [ 'babel-loader', 'svg-react-loader' ] } // фаил с кионками export const EkkLipp = require('al_d_icons/ekk.svg'); // Использование import { EkkLipp } from 'icons'; <EkkLipp width={24} height={24} styleName="svg" /> .svg { fill: red; } Правда я не могу точно сказать норм ли он работает с SC каким-нибудь...

babel-loader не нужен нужно svg-react-loader добавить query: { es5: true }

babel-loader не нужен нужно svg-react-loader добавить query: { es5: true }

Но я ведь про svg-react-loader говорю...

опечаталсо

https://github.com/goodmind/treact/blob/master/src/app/redux/actions.ts#L16

Пригляделся, а ведь в реальной жизни нам в каждый actionEvent еще нужно передавать payloadReducer как минимум для INIT стадии.

и в доке redux-act не нашел примера вызова экшна с metaReducer

а вот чисто случайно тут нет человека который прямо вот боготворит БЭМ и готов за это ответить?))

точнее не за, а по))

вижу создание и вижу редьюсер

а вызова то нет

а вот чисто случайно тут нет человека который прямо вот боготворит БЭМ и готов за это ответить?))

А чем тебе бэм не угодил?

А чем тебе бэм не угодил?

Не начинай этот бред

Пригляделся, а ведь в реальной жизни нам в каждый actionEvent еще нужно передавать payloadReducer как минимум для INIT стадии.

payloadReducer вроде только для того, чтобы в экшен можно было много аргументов передать

у меня просто normalizr везде

Не начинай этот бред

а что, распространенный срачик?)

зачем бэм когда есть jss

а что, распространенный срачик?)

Бред просто. Каждый второй Незнайка пытается доказать что Бем это решение

А что юзать?

норм у тебя пригорает)

А то я всегда верстал как попало, а хочется норм подход

css модули, jss, да хоть черта лысого)))

норм у тебя пригорает)

Не сейчас)

Сейчас юзаю цсс-модули, брат жив, зависимости нет

А что юзать?

Cssmodules, cssinjs

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