Ответы пользователя по тегу Flux
  • Куда выносить логику запросов на сервер в React?

    maxfarseer
    @maxfarseer
    https://maxpfrontend.ru, обучаю реакту и компании
    Все роуты в массив - https://github.com/artbocha/react-redux-reactRoute...
    и затем по нему просто пробежаться - https://github.com/artbocha/react-redux-reactRoute...

    Запросы к серверу- в actions
    Ответ написан
    Комментировать
  • Какую архитектуру выбрать для приложения типа Chat, Slack?

    maxfarseer
    @maxfarseer
    https://maxpfrontend.ru, обучаю реакту и компании
    Подскажу ответ только на 1й вопрос: Redux удобнее чем простой Flux, как по мне. У flux нужно много чего держать в голове... что куда подписано и тд тп. А у Redux - store один и этим удобно.

    Ну и докучи закину еще 0.5 на второй.. Реакт-роутер в контексте (следовательно в пропсах) прокидывает много полезной информации. Просто поставьте его, и посмотрите что он передает в компоненты. На основе этих данных сможете сделать выбор, нужен вам он или нет.
    Ответ написан
    1 комментарий
  • Нужен ли React без Flux?

    maxfarseer
    @maxfarseer
    https://maxpfrontend.ru, обучаю реакту и компании
    Я думаю, если React использовать без Flux/Redux и подобных, то ваши заказы - это какие-то плагины.
    Исходя из своего опыта, могу сказать, что задачи на разработку плагинов под реакт - редкость.

    В любом случае, "flux" вы поймете и обкатаете еще раньше, чем сможете сказать: я 100% знаю реакт и могу его использовать для сложных задач.
    Ответ написан
    Комментировать
  • Какие основные понятия в архитектурах Flux, Reflux, Redux?

    maxfarseer
    @maxfarseer
    https://maxpfrontend.ru, обучаю реакту и компании
    в redux у вас есть:
    store - состояние всего приложения в одном(!) объекте. Для удобства, вы конечно бьете "store" на кусочки и изменяете/обновляете его не целиком, но в конечном счете объект store все равно один.
    actions - действия. Все изменения в redux приложении делаются действиями. Например: Действие(тип: ДОБАВИТЬ_ОДИН)
    actions creators* - создатели действий. Функции, которые вы можете вызывать, вместо того, чтобы вызвать действие, напрямую. Например:
    function add() {
      return { тип: ДОБАВИТЬ_ОДИН }
    }

    reducer - редьюсер. Функция которая принимает текущий объект store, и возвращает новый (с новыми данными).

    Итого: в redux фундаментальных понятий всего три: действие (action), редьюсер (reducer) и состояние (store)

    В реакте и того меньше: есть одно понятие - компонент. А уж там, если хочется: умный/тупой компонент, stateless компонент и может быть что-то еще.

    p.s. в коде функций присутствует русский язык для наглядности.

    p.p.s. туториалы: react для начинающих, создание приложения с использованием redux
    Ответ написан
    2 комментария
  • Side Effects после исполнения reducer'a?

    maxfarseer
    @maxfarseer
    https://maxpfrontend.ru, обучаю реакту и компании
    Как я понял любые асинхронные действия и сайд эффекты должны происходить в мидлваре.

    Не совсем согласен. В action creators тоже можно практически безнаказанно провернуть какой-нибудь side-effect (сохранить токен в localStorage, например, после LOGIN_SUCCESS).
    Ответ написан
    Комментировать
  • Как перейти на другую страницу в React?

    maxfarseer
    @maxfarseer
    https://maxpfrontend.ru, обучаю реакту и компании
    Здесь корректнее было бы сделать так:
    родительский компонент отрисовывает и таблицу и "страницу редактирования", причем у вас в сторе есть переменная, например: edit, если true -> отрисовывается "страница редактирования", если false - отрисовывается таблица.
    При нажатии на строку в таблице - генерируется action (действие), которое как раз в купе с прочими действиями (которые производятся у вас уже) изменяет edit
    Родительский компонент должен быть подписан на store.
    Ответ написан
    Комментировать
  • Правильно ли я понял суть Flux?

    maxfarseer
    @maxfarseer
    https://maxpfrontend.ru, обучаю реакту и компании
    Комментарии есть, а ответа нет =) исправим?

    На сколько я понимаю, flux работает по следующему принципу: view подписывается на изменения данных в sotre, если данные store изменились, то перерисовываем view

    Все верно поняли. Осталось лишь добавить, что изменения в store попадают с помощью ACTIONS - так называемых действий.

    p.s. из личного опыта - мне больше понравился redux, основное отличие которого от Flux - объект store всего лишь один! Внес свой вклад материалы на русском здесь.
    Ответ написан
    Комментировать
  • Как работает react js?

    maxfarseer
    @maxfarseer
    https://maxpfrontend.ru, обучаю реакту и компании
    Возможно вам поможет подробный курс на русском языке по react.js
    Ответ написан
    Комментировать
  • Как сделать правильно ajax запрос в React Redux?

    maxfarseer
    @maxfarseer
    https://maxpfrontend.ru, обучаю реакту и компании
    Сделал подобный туториал, где разбираются и асинхронные запросы тоже. Буду рад если помогу - https://www.gitbook.com/book/maxfarseer/redux-cour...
    Ответ написан
    1 комментарий