сага уже лучше

я пробовал юзать @ngrx/effects в ангуляр2, это почти тоже самое, норм

спасибо

ничего не использовал из этого но читал что thunk идеоматически неправильный подход используют

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

You might've used redux-thunk before to handle your data fetching. Contrary to redux thunk, you don't end up in callback hell, you can test your asynchronous flows easily and your actions stay pure.

это наверное вырезка из redux-saga :) с redux-thunk все ок

ну не знаю

скорее всего) кстате, есть тут те, кто писал на флаксе(react + flux)? есть пару вопросов по организации кода, сейчас попробую правильно сформулировать

мне правда нравится если actions stay pure.

а в thunk ты пихаешь в свой экш промиз или что-то

правильно?

скорее всего) кстате, есть тут те, кто писал на флаксе(react + flux)? есть пару вопросов по организации кода, сейчас попробую правильно сформулировать

да думаю почти все, так что спрашивай

мне правда нравится если actions stay pure.

сделай свою middleware, а в action можно добавлять че-нить типа { payload: ..., meta: { shouldMakeSideEffect: true } (не дословно так, конечно)

Сайдэффекты из компонентов — это ведь плохо? Ну, например, мне нужно изменить тайтл и мета. Такие решения, как react-helmet, для меня выглядят очень странно.

@DenisIzmaylov Тут надо чуток почистить

Спс.

??

предпосылка: я redux сперва изучал и использовал, сейчас приходится flux использовать, поэтому могу мыслить немного не теми категориями вопрос: 1. у меня много сторов, как правильно организовать их взаимосвязь: а) в компонентах, которые зависят от нескольких сторов, дергать данные из разных сторов б) сторы организовывать так, чтобы одни и теже данные хранились в разных, и каждый компонент мог брать данные только из своего стора 2. если '''Action''' должен за-'''emit'''-ть пару компонентов(использую '''EventEmitter''') а) в сторе на один '''ActionTypes''' делать несколько emit-ов в разных сторах, сейчас делаю так, но смахивает на лапшакод б) оставить в сторах уникальные '''ActionTypes''', делать под одним '''ActionTypes''' несколько '''emit'''-ов(не пробовал даже, так как смахивает больше на лапшакод, чем вариант "а". 3. Когда происходит '''Action''', за ним следует '''emit''' компонента, в этом компоненте в '''lifecycle methods''' я запускаю новый '''Action''' и получаю такую ошибку: "Cannot dispatch in the middle of a dispatch", чтобы избавиться от ошибки пришлось оборачивать этот новый '''Action''' в '''setTimeout''', решение подсмотрел в issue на гитхаб, но ведь костыль же... как правильно? зы.: с redux проблем ваще не знал, все ясно-понятно, с flux пока что то туго...

если кто объяснит или даст ссылку где почитать(сам не нашел), то буду благодарен

Я слышал, что это не очень штука

неправильно вы слышали

Привет, подскажите, кто знает, как сделать аутентификацию с помощью express и mongodb

Кровь с глаз

Паспорт

ребят подскажите какой то способ использовать скролл ту анхор

для реакт роутера

без костылей

к this.props.children

window.scrollTo(0, 0)

вычислять высоту самому ?

ну да el.getBoundingClientRect().top + document.body.scrollTop

https://github.com/fisshy/react-scroll

все нашел либу

норм работает не жалуюсь

ну да el.getBoundingClientRect().top + document.body.scrollTop

Можно проще, el.scrollIntoView()

Можно проще, el.scrollIntoView()

только с полифиллом

о, хотя без всяких smooth scroll'ов можно и без полифилла

@socionika_alignment

еще одна фишка есть для корзины

анимация итема в хедер

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

в корзину улетает товар

Чуваки, если экшны чистые, редюсеры чистые, все сайд эффекты в компоненты чтоли засовывать?

Чуваки, если экшны чистые, редюсеры чистые, все сайд эффекты в компоненты чтоли засовывать?

Я думаю о контейнерах. Ваще, у меня почти тот же вопрос. И идея сайд-эффектов в компонентах мне не очень нравится.

@poltavets ты используешь flux от фб?

Не надо так

@poltavets ты используешь flux от фб?

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

http://i.prntscr.com/538db2748ac64248ab6f5c49b31623b2.png

как решить проблему <a> внутри <a>

Тада печаль, на какую-нибудь другую реализацию флакса переехать, уже легче будет

голова в выходные не варит

На счет сторов во флаксе логично набирать данные из разных сторов, имо. Экшны тоже я бы так делал, одно действие - один экшн

А остальное по ходу проблемы конкретной реализации

ппл, прошу помощи понять что не так с моим пониманием редукса. итак, есть компонент, он сконнекчен со стором: function stateToNav(state) { return { chats: state.model.chats, members: state.model.members, themes: state.model.themes } } export default connect(stateToNav)(Nav); приходит событие от сервера, что один чат удалён. оно обрабатывается, судя по логу, нормально: export function chatDestroy(new_state, action) { let chat = new_state.model.chats.find((e) => e.id == action.payload.id); if (chat < 0) return; new_state.model.chats = new_state.model.chats.filter((e) => e.id != action.payload.id); if (new_state.model.me.chats.find((e) => e.id == action.payload.id)) { new_state.model.me.chats = new_state.model.me.chats.filter((e) => e != action.payload.id); } } итого, new_state.model.chats вроде бы как новый массив, но, содержание списка в Nav при этом не изменилось.

ты меняешь new_state

т.е. в state.model.chats элемент массива удалён, сама ссылка chats тоже новая, а апдейта компонента нет. да, это уже копия от старого

а говорят нужно без сайдэффектов жить и создавать новый и возвращать его

так сначала я делаю копию и все данные уже в ней меняю

(state, action) => {type: action.type, ...state} типа

в основном редьюсере первым делом var new_state = Object.assign({}, state);

Не надо так

что за бред?

что не так с классическим флаксом?

ERROR: S client not available

он не абрамоугоден

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

в фб флаксе есть ReduceStore, можешь его использовать, и будет всё очень похоже на редакс

https://facebook.github.io/flux/docs/flux-utils.html#reducestore-t

Как правильно реализовать взаимодействие в несколько этапов ? В 1 блоке по нажатию кнопки должен рендериться другой контент и возможностью вернуться назад

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

что не так с классическим флаксом?

Все так, кроме того что там нет нихрена

Как правильно реализовать взаимодействие в несколько этапов ? В 1 блоке по нажатию кнопки должен рендериться другой контент и возможностью вернуться назад

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

Все так, кроме того что там нет нихрена

а что там должно быть? Флакс это по большей части паттерн. Всё что для него нужно — это вспомогательные тулзы. Что собственно и дают Редакс по сути тоже вспомогательная библиотека

вобщем, в чём у меня может быть дело?

и как отладить?...

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

думал через стейт делать типо step1 step2 и тд и в зависимости от шага рендерить кусок

думал через стейт делать типо step1 step2 и тд и в зависимости от шага рендерить кусок

ну и норм, но ещё интереснее будет, если будешь хэш обновлять и слушать onhashchange

ну и норм, но ещё интереснее будет, если будешь хэш обновлять и слушать onhashchange

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

Я можно сделать propType на детей только одного типа разрешение? Те определенный компонент только?

а что там должно быть? Флакс это по большей части паттерн. Всё что для него нужно — это вспомогательные тулзы. Что собственно и дают Редакс по сути тоже вспомогательная библиотека

Оно оказывается развивается. Ну вроде там есть все что нужно

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

именно

Я можно сделать propType на детей только одного типа разрешение? Те определенный компонент только?

непонятно о чём ты

Я можно сделать propType на детей только одного типа разрешение? Те определенный компонент только?

https://discuss.reactjs.org/t/how-to-determine-what-type-of-component-a-child-is/3951/2

первая строка гугла

https://facebook.github.io/react/docs/typechecking-with-proptypes.html

вобщем, в чём у меня может быть дело?

вопрос снимается, я разобрался...

если коротко, не там искал

ребята,как можно дебажить рендеринг react? Мне нужно посмотреть, что произвело рирендер

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

проверь мб?

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

удаляет

Чуваки, если экшны чистые, редюсеры чистые, все сайд эффекты в компоненты чтоли засовывать?

В action creator

ребята,как можно дебажить рендеринг react? Мне нужно посмотреть, что произвело рирендер

react dev tools для хрома умеет подсвечивать проверку пропсов и выполнение рендера