Публикации по теме 'flux'


Отделите компоненты от сервисов в React
Когда вы пишете компонент в React, который зависит от некоторой даты из бэкэнд-API, самый простой способ реализовать это — написать службу для вызова бэкэнд-API и дать ему обратный вызов компонента, который будет вызываться, как только он будет готов с данными. . Давайте возьмем пример компонента, который отображает список пользователей из серверной службы. Это может выглядеть примерно так. Услуга import axios from "axios"; let service = { getUsers = (successCallback,..
Магазины Flux с синтаксисом ES6
Магазины Flux с синтаксисом ES6 Это просто совпадение, что с тех пор, как я начал изучать реакцию + поток, синтаксис класса ES6 только что стал доступен. Facebook определенно поощряет это. Существует множество дискуссий о преимуществах такого синтаксиса и о том, теряет ли он преимущества композиции в JavaScript. Этот пост в блоге полностью пропустит это обсуждение и предоставит вам одно потенциальное решение небольшой проблемы, с которой я столкнулся, когда начал использовать синтаксис..
Основы Java Reactor: понимание Flux.zip ()
У Flux есть несколько вариантов объединения издателей. Один из них - zip-оператор. Zip ждет, пока каждый источник испускает один элемент, и объединяет эти элементы. На выходе создается кортеж с таким же количеством издателей, заключенных в zip-архив. Как работает zip? Оператор Zip будет продолжать комбинировать выходы источников до тех пор, пока не будет завершен любой из источников. Это важный момент, о котором следует помнить, когда вы архивируете издателей, которые генерируют..
Архитектура шаблонов потоков в React
Изучение шаблонов архитектурного проектирования Обработка данных внутри клиентского приложения - немного сложная и сложная задача. Сегодня мы рассмотрим один метод обработки сложных данных, предложенный Facebook, под названием Flux Architecture на их конференции F8 . Нам понадобится более эффективный подход к обработке данных. Чем больше данных, тем больше нам нужно будет отслеживать. Наш код необходим для обработки большего количества данных и состояния приложения с новыми..
Flux / Redux: управление состоянием приложения в React
Это последняя часть из четырех статей, которые я пишу во время 15-недельного учебного курса по разработке программного обеспечения в школе Flatiron в центре Нью-Йорка. В каждой статье я сосредоточусь на теме, которая имеет прямое отношение к моему обучению в настоящий момент. Для меня метакогнитивные преимущества очевидны, и я надеюсь, что они также могут быть полезными ресурсами для моих сверстников. Моя первая статья была о настройке моей собственной пользовательской среды..
React: Шаблоны для передачи данных без использования Flux
В моем проекте я еще не был готов представить Flux и думал о некоторых шаблонах, которые могут помочь с передачей данных, конфигурации или других вещей, чтобы реагирующие компоненты могли их использовать. Я понимаю, что Flux — это то, что нужно, но как насчет некоторых простых случаев, когда мы не хотим тратить время на изучение Flux или его использование и т. д.? Шаблон компонента контейнера Отдельная выборка данных в контейнерный класс. Компонент реакции должен работать только с..
Асинхронный поток - получение данных из API
Как только вы поймете основы взаимосвязи React / Flux , пора добавить асинхронное управление API. Это позволит собирать данные, необходимые для более крупных веб-приложений, с помощью стандартного шаблона. В предыдущем посте я рассмотрел пример приложения Todo, чтобы концептуализировать процесс подключения Flux к представлению React. В этом посте я добавлю вызов API для переноса внешних данных в приложение. Я буду следовать примеру Facebook в их приложении Flux Chat . Чтобы..