Привет, ребят. Кто подскажет, как прикрутить passport+vk авторизацию к реакту без сср? На серваке все понятно, но не пойму как это с реактом связать

... handleClick () { VK.login(res => API.login(res.session).then(res => onLogin(res))) } .... render () { return <div onClick={this.handleClick.bind(this)} className={s.vk} /> } .... const mapDispatchToProps = (dispatch) => ({ onLogin: (session) => dispatch(loginAction(session)) })

Парни, подскажите плз по поводу Immutable. В чем смысл Map, если Record имея все плюсы Map дает возможность избегать .set? Для чего мапу вообще тогда юзать?

Они для разных вещей нужны

У рекорда обязан быть определённый набор полей

А мап — просто куча пар "ключ-значение"

Такой вопрос. хочу какую-то штука которая понимает что текущий экшен приводит к невалидному стейту(есть например у меня валидатор простенький). То откатывает вообще текущий экшен и диспатчит какой-то другой ивент

в контексте redux

миддлварину напиши, которая чекает экшен

Ага

миддлварину напиши, которая чекает экшен

ну что-то некрасиво выглядит. хочется сначала наложить экшен а потом уже понять что не валидно

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

ну он локальный (

типа в одном сабредьюсере

отменю

а в другом

ну ок сделаю мидлварю ._.

В любом случае, если хочешь ещё что-то диспатчить, то редьюсер — не вариант

ну быть глоабльный то мог бы просто понять что сейчас ивент ломает все и тогда добавить ошибку вместо изменения стейта объектов

А, так ты диспатчить только ради этого хочешь. Я думал, может ты инфу про ошибку в какой-нибудь rollbar будешь засылать

Тогда да, глобальный ок

ну буду да.

const validateObjects = function (objects) { const typesMap = Object.values(objects).reducer((r, x) => {r[x.type]? r[x.type]++ : r[x.type] = 1; return r;}, {}); if (typesMap['start'] > 1) { return ['Стартовых точек не может быть больше чем 1.']; } return []; }; const validateObjectMiddleware = function (store) { var dispatch = store.dispatch, getState = store.getState; return function (next) { return function (action) { if (typeof action === 'object') { let state = getState(); let newState = objectsReducer(state.objects, action); const validateErrors = validateObjects(newState); if (validateErrors.length === 0) return next(action); else return next({type: constants.SHOW_ERROR, text: validateErrors[0]}); } return next(action); }; }; }; пока как-то так решил

Коллеги, привет! Я на несколько месяцев выпадал из новых течений React/Redux, с января примерно. Кто может вкратце сказать (сослаться), что нового в Redux? (В частности, меня беспокоит вопрос: почему Дэн Абрамов радуется выпуску новой Create React App-тулзы, а внутри нее нет ничего про Redux?)

а почему он не должен этому радоваться?

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

а почему он не должен этому радоваться?

Я не хочу сказать, что не должен. Я просто удивлен, что в реакт-скриптах нет ни слова про.. "верного компаньона" главного героя (я про redux). Странно, что нет никакой опции, добавляющей более-менее стандартные зависимости для redux.

Все же мой вопрос не отвечен

Стандартные зависимости это сам redux?)

ты спросил меня беспокоит вопрос: почему Дэн Абрамов радуется выпуску новой Create React App-тулзы, я ответил

а зачем там нужно что-то про редакс? к чему мешать

на то они и react-scripts, а не redux-scripts

Стандартные зависимости это сам redux?)

например, + redux-actions, redux-thunk, и тп - есть же "джентельменский набор", так?

Ну он довольно субъективный

а зачем там нужно что-то про редакс? к чему мешать

я долгое время был под впечатлением, что лучший способ взаимодействия react приложения с любыми данными (+ пользователем) - через Redux. Я сильно отстал?

вроде нет, все так

Хороший способ, но далеко не все его используют

Скажите а reselect актуален?

Скажите а reselect актуален?

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

Скажите а reselect актуален?

Сейчас будет стикер

Я ждал другого

Stickerbleed - уязвимость в телеграмме, показывающая дамп памяти через прозрачные стикеры.

(нет)

ими же легко выбирать данные. мемоизация как бонус

Это стикер, а не вопрос

а почему? вижу в recompose есть withState

Видели? https://medium.com/@okonetchnikov/is-css-in-js-really-bad-for-ux-e9cce7b2da83

Видели? https://medium.com/@okonetchnikov/is-css-in-js-really-bad-for-ux-e9cce7b2da83

Ни о чем статья

Ни о чем статья

++

пересядь на нормальный клиент — сто раз говорил )

пересядь на нормальный клиент — сто раз говорил )

? он белый

Всем приувет. Подскажите каким образом в редакс можно подписаться на изменения только части стора, а не всего полностью и насколько вообще архитектурно правильно если в одном action будет подпись на часть ему не принадлежайшего стора

скорее наоборот, нужные тебе части стора "подписываются" на конкретные экшны

а экшны не знают про стор или редюсеры

Всем привет! Недавно заморочился React + socket.io + nodejs. Вопрос в следующем: по привычке хочется подключать пользюка через сокеты в отдельном скрипте, чтобы во всех Childs App было юзабельно socket.on() И socket.emit() без заморочек. Это не правильно?

скорее наоборот, нужные тебе части стора "подписываются" на конкретные экшны

а есть какой нибудь пример глянуть

да, любой из офдоки

это основы ридакса, диспач экшна инициирует юзер (для простоты) и он ни куда не подписывается

может путаница в терминах?

не исключаю, ибо навертел апликуху не успев толком разобраться в доке и ваяю до дедлайна на лету. вобщем subscribe() не гарантирует что слушатель получит обновленный стейт, тк срабатывает раньше dispatch()

А чем плохо передавать в компонент лишние пропс?

ERROR: S client not available

Запаривает удалять ненужные проперти

А кто их туда добавил, что их приходится удалять?

слегка запутался каким образом можно подписаться именно на изменения части хранилища ака store.filters и диспатчить какой нибудь fetch по этому событию

слегка запутался каким образом можно подписаться именно на изменения части хранилища ака store.filters и диспатчить какой нибудь fetch по этому событию

это два разных момента, прокинуть пропсами filters и сам диспач, а внутри компоненты вызвать dispatch(actionCreator(filter))

Контейнер принимает дополнительные свойства (типа функции фетча списка), которые не нужны дамб компоненту. Приходится делать что-то типа такого

я делаю херню?

Можно сделать вместо ...rest - itemProps какой-нибудь и его прокидывать, при этом точно в компонент ничего от контейнера лишнее не приедет

Можно сделать вместо ...rest - itemProps какой-нибудь и его прокидывать, при этом точно в компонент ничего от контейнера лишнее не приедет

?

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

@reactnative_ru

это два разных момента, прокинуть пропсами filters и сам диспач, а внутри компоненты вызвать dispatch(actionCreator(filter))

Спасибо за разьеснение

благодарю за канал

Всем привет! Недавно заморочился React + socket.io + nodejs. Вопрос в следующем: по привычке хочется подключать пользюка через сокеты в отдельном скрипте, чтобы во всех Childs App было юзабельно socket.on() И socket.emit() без заморочек. Это не правильно?

Вынеси подключение сокета в отдельный js файл, а дальше инстанс сокета подключай, там где он тебе нужен

Ребят а как называется эффект, когда весь сайт как будто слайдер. ты опускешься вниз - и справа или слева находится навигация. по слайдам не могу вспомнить

паралакс?

One page scroll ?

слайдер пэйдж?

affix?

Ребят а как называется эффект, когда весь сайт как будто слайдер. ты опускешься вниз - и справа или слева находится навигация. по слайдам не могу вспомнить

Презентация?

Я что-то не пойму - graphQL это переизобретение odata?

http://www.odata.org/getting-started/basic-tutorial/#select

там как минимум не один ендпоинт, как в графкл

Это плюс?

и на мутации

на мутации?

пойду доку читать

одата почему-то не очень популярна была, хз почему

кроме .NET я и не слышал про нее нигде

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