Stack Overflow
Stack Overflow

Questions tagged [reactjs-flux]

Flux is the application architecture that Facebook uses for building client-side web applications with React. It complements React's composable view components by utilizing a unidirectional data flow.

Flux is the application architecture that Facebook uses for building client-side web applications with React. It complements React's composable view components by utilizing a unidirectional data flow.

Flux applications have three major parts: the dispatcher(s), the store(s), and the view(s) (React components).

Flux eschews MVC in favor of a unidirectional data flow. When a user interacts with a React view, the view propagates an action through a central dispatcher, to the various stores that hold the application's data and business logic, which updates all of the views that are affected. This works especially well with React's declarative programming style, which allows the store to send updates without specifying how to transition views between states.

###Some popular implementations of Flux

Related tags

822 questions
0
votes
2 answers

ReactJS controlled component and immutable data

I wonder how controlled components (e.g an input box) can be implemented, if the data of an app is build upon immutable data and the app uses "===" equality operators in shouldComponentUpdate() for fast re-rendering. Let's assume deeply nested data…
JoeFrizz
  • 611
  • 1
  • 9
  • 18
0
votes
1 answer

How to decrease render calls in controller view with flux/reactjs

I am working on project with react Flux architecture. my controller view look like var MyComponent = React.createClass({ getInitialState: function() { return MyStore.getData(); }, render: function() { return
Gilad Tamam
  • 306
  • 2
  • 7
0
votes
1 answer

Keep data retrieved from Store within controller-view or not?

According to React docs, states should be used for UI state only, thus it's confusing whether data retrieved from Store is UI state or not. Let's say we got a list of items from the Store and it needs to be rendered to component. Should it…
Roman Liutikov
  • 1,338
  • 10
  • 17
0
votes
1 answer

React and Flux: Handeling Aync calls

I have a react component - a page where users can create an application. When they click create, I make an async call. If the async call is successful then I let the dispatcher know about the action. Otherwise, if I receive an error, I don't inform…
BezR
  • 503
  • 1
  • 6
  • 12
0
votes
2 answers

Flux, ReactJS, what are the store part of the architecture

I m actually studying ReactJS and the Flux architecture but I dont really understand what is exactly the "Store" part in this. What it is exactly ? A database ? A localstorage file ? Thanks for advance
mfrachet
  • 8,772
  • 17
  • 55
  • 110
0
votes
1 answer

Flux - who should change data in models which are in collection?

I have Backbone collection of models and list view for this collection.
  • Title
    • ...
When user click on checkbox I execute this code Actions.save({id: model.cid, data: {select:…
redexp
  • 4,765
  • 7
  • 25
  • 37
0
votes
1 answer

Update application state from child in React + Flux

UPDATE It turned out my whole approach was wrong. As the accepted answer suggests, a good starting point is the TodoMVC app built with React + Flux and hosted on GitHub. I am building a very small React + Flux app for learning purposes. At the…
goffreder
  • 503
  • 3
  • 17
0
votes
1 answer

Animating Data Store change

I have a store which increments its data by 1 every second. I want my component to animate a rectangle, that "fills horizontally" as the data increments so basically: 0 [ ] 0.2 #conceptually [= ] 0.5 #conceptually [==== ] 0.75…
Secret
  • 3,291
  • 3
  • 32
  • 50
0
votes
1 answer

How to avoid browser variables in node.js

Recently I discovered Flux architecture and found this, React starter kit. Good structure, but, the application need to be compiled for browsers, from node.js with gulp. I'm using reqwest for making ajax calls to server, reqwest need window , which…
Hrimiuc Paul
  • 108
  • 6
0
votes
1 answer

Setting the initial state in React components for progressive enhancement & Flux architecture

I've read on http://scotch.io/tutorials/javascript/build-a-real-time-twitter-stream-with-node-and-react-js and it describes a technique of taking over server rendered React components seamlessly: Server renders into {{{markup}}} in handlebars, and…
unclelim12
  • 603
  • 1
  • 8
  • 22
0
votes
1 answer

can't find ./mongo when i browserify

I'm dipping my feet in a node + mongoose + react + reflux app. I'm also trying to create my first isomorphic app. But when i browserify the whole thing i get the following error Running "browserify:client" (browserify) task >> Error: Cannot find…
dewil_de
  • 535
  • 4
  • 11
0
votes
1 answer

mini-flux system inside the flux structure

Most of the legit tutorial/demo out there are all talking about using Flux as a framework for the whole app. I am wondering if anyone has experience of building an app with multiple mini-flux-components. Because I am thinking in this way it might be…
Hao
  • 1,476
  • 3
  • 15
  • 20
0
votes
1 answer

Export React mixin in a separated file

I am trying to separate the SetIntervalMixin into a different file that the component class file. Maybe I am not fully understand how module.export works but... If I do like this: module.exports = { componentWillMount: function() { …
Ferran Negre
  • 3,712
  • 3
  • 34
  • 56
-1
votes
3 answers

Flux .then() running before complete signal

I tried to do something with Flux streaming objects and after handling all elements do some last work and finish a Mono but it doesn't work: // data and id comming from a webrequest // myRepository is a…
Heiko Kendziorra
  • 1
  • 1
-1
votes
1 answer

Is this Flux architecture?

This is how I've been organizing my React / Redux projects because it's how they did it in the tutorial I followed. Is this what Flux architecture is and if not what would you call this? First I call a function in my component that's defined in the…
user967451
1 2 3
…
54
55