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 and this is undefined

I m actually trying to develop a simple application using stores and actions and react components using fluxible and I m facing a problem. In fact, in my component method add(), "this" is undefined... I dont know what is the problem... Here's my…
mfrachet
  • 8,772
  • 17
  • 55
  • 110
0
votes
1 answer

React with Flux: is this the dogmatic pattern or are there equal/better options?

I've recently learned how to code in React and how to structure the code using Flux. Unfortunately Firebase doesn't play to well with Flux and I need to set up a quick and easy back-end up for a prototype. Some suggest to forgo Flux altogether and…
Nick Pineda
  • 6,354
  • 11
  • 46
  • 66
0
votes
1 answer

this.state.foo is different in _onChange and different in render()?

In _onChange method, I wait for a change in this.state.name. On the change _updateArticle method is called: _onChange() { var team = this.getTeamState(); this.setState({name: team}); console.log(this.state.name); //"Boston…
Username
  • 1,950
  • 2
  • 12
  • 21
0
votes
1 answer

React router only works with root path

Only root route works. /about, /home shows "Cannot GET /home" in browser. If i replace each route path with "/" then the corresponding component is rendering. But there seems to be problem when i try to render certain route eg /home.
rosnk
  • 1,068
  • 1
  • 14
  • 36
0
votes
1 answer

code flow in rackt react-router

I am having difficulty knowing the flow of react-router by (https://github.com/rackt/react-router). If i have 2 files: routes.js, app.js(entry component) as below: var Router = require('react-router'); var Route = Router.Route; var routes = ( …
rosnk
  • 1,068
  • 1
  • 14
  • 36
0
votes
1 answer

Setting up react-router in a Flux application

I have a React application where main.js calls app.js--which acts as a parent component--as can be seen here: React.render(, document.getElementById("main")); Now I need to set up React Router so that app.js will handle routing within the…
rosnk
  • 1,068
  • 1
  • 14
  • 36
0
votes
0 answers

Editable DataTables table in ReactJS

I have a basic ReactJS+Flux application where is a table (jQuery DataTables plugin) as a main component. When I click on cell 'Delete row' in first column, data of row are deleted and application sets new state with new data, but table isn't…
Matt
  • 8,195
  • 31
  • 115
  • 225
0
votes
1 answer

ReactJS Flux Dispatcher.js Error: this._callbacks[id] is not a function

I am using ReactJS and Flux in my app and everything is working fine with node 0.10. version and i upgraded to 0.12 and now i am getting errors in Flux Dispatcher.js file. Here is the Error i am getting: Uncaught TypeError: this._callbacks[id] is…
Sateesh K
  • 1,071
  • 3
  • 19
  • 45
0
votes
1 answer

How do I call an actioncreator with details of the rendered DOM element in Flux?

My use case: ComponentA renders a single ReactQuill (similar to a textarea) component The DOM height of ReactQuill is used by other components I want ComponentA to call an ActionCreator with the DOM height of ReactQuill. This will then update the…
Lango
  • 2,995
  • 5
  • 26
  • 27
0
votes
1 answer

How to pass third parameter to bind action call - react

In my application I have list of text boxes.For reflecting changes in text boxes I am calling handleChange function call. when I send third parameter(index) to function, e value becomes undefined. Html:
Anusha Nilapu
  • 1,243
  • 8
  • 24
  • 36
0
votes
1 answer

can I Reuse Reactjs components for ReApp

I am leaning towards using Reactjs for our Web UI. Are there any resources/examples explaining how I can reuse or replace my Web based components emitting HTML with components supported by Reapp so that I can make a mobile app easily leveraging the…
Anirudh Goel
  • 4,571
  • 19
  • 79
  • 109
0
votes
1 answer

reactJS : isomorphic app with flux

React-flux-cart . This example contains only client side code for react. How to make it isomorphic. What are the places where changes are required to include node and make it run as it is on server side also.
Priya
  • 1,453
  • 4
  • 29
  • 55
0
votes
1 answer

How to render new React Component into rendered DOM?

I have three component parent and 2 childs: import React from 'react'; import FirstChild from './FirstChild'; import SecondChild from './SecondChild'; export default class ComponentName extends React.Component { render() { return ( …
stkvtflw
  • 12,092
  • 26
  • 78
  • 155
0
votes
1 answer

When should I modify DOM through dispatcher in ReactJS Flux webapp?

I understand, why I have to interact with DOM through dispatcher in cases when I fetching data from database. But should i use Flux way to do something like this: Parent component have been rendered. It has two child components. One of them…
stkvtflw
  • 12,092
  • 26
  • 78
  • 155
0
votes
1 answer

State Affecting Multiple Components in React with Baobab

I'm in the process of translating a 90% complete website produced in HTML, CSS and jQuery into a more forward thinking react "application". I have some pretty basic principals that I'm struggling to get to grips with - I really like react's JSX…
user3586963
  • 97
  • 8
1 2 3
…
54 55