Questions tagged [flux]

An application design paradigm used as a replacement for MVC, pioneered at Facebook by Jing Chen

Flux is an application design paradigm used as a replacement for the more traditional pattern.

It complements React's composable view components by utilizing a unidirectional data flow. It's more of a pattern rather than a formal framework, and you can start using Flux immediately without a lot of new code.


Popular implementations :

1614 questions
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

FluidTYPO3 vhs ViewHelper for SVG Images?

I use TYPO3 CMS 6.2.14, vhs 2.3.3, Flux 7.2.1 and FluidContent 4.3.1 - my TYPO3 Editor need the opportunity to upload SVG-Images via vhs-ViewHelper. I've made a new FluidTYPO3 Content Element (FCE), but there's no SVG Image visible in frontend. …
user2310852
  • 1,654
  • 1
  • 25
  • 52
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

Passing variables to components via a Route in React

I've got a basic admin app and I basically want to protect certain routes against the roles sent by the API when a user logs in via the Oauth2 protocol. I have a route like...
Ewan Valentine
  • 3,741
  • 7
  • 43
  • 68
0
votes
1 answer

Load data from external API when route change in isomorphic app using Flux and React

I'm recently using Flux Architecture in a isomorphic app with react-router to handle the routes of my application. My question is how load data from a external API when the route change? Example: http://myapp.com/#/search/:param1/:param2 => show…
crespitowil
  • 55
  • 1
  • 5
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

Flux/ReactJS leveraging spinJS in component

I am using the flux architecture with reactjs. I am trying to implement control over displaying a spinjs spinner. This is my component view that is using the spinner: var ItemListing = React.createClass({ render: function(){ if…
ApathyBear
  • 9,057
  • 14
  • 56
  • 90
0
votes
1 answer

Should I utilize Flux way in React webapp if i have no need to store data?

For example, I need to validate email during registration process (check, if it already exists in database). In this case i have no need to store any data. Should i utilize flux way and call server side (nodejs) api through Actions or just call…
stkvtflw
  • 12,092
  • 26
  • 78
  • 155
0
votes
0 answers

Architecture for an isomorphic app using React.js and Flux

I'm looking for the best technology/architecture choices for my isomorphic app. Here are my constraints, due to what has already been developed, what we need and what we'd love: All front-end in React.js, with layout(s), child components,…
Victorien
  • 181
  • 1
  • 7
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

Is it valid to check the component state in an event function?

I am using react and have a component with the listChanged function, called after a Store change event : getInitialState: function () { return { isLive: true, data: [], }; }, componentDidMount: function() { …
Bruno
  • 4,685
  • 7
  • 54
  • 105
0
votes
2 answers

top-down rendering - how to solve state in pre-populated input fields

Scenario: I have an react app which has its state in flux store (async load), passing data down to Root component which is passing data to its children and so on. now: text input field, nested somewhere deep down in node tree, has its initial value…
Tom
  • 41
  • 3
0
votes
1 answer

From a Flux component function, how to access an input's value?

Simple question from a Flux noob trying to learn... Let's say I want to define in my App component a simple function that does this : on buttonA.click, send the value of textboxB How do I do this, can I simply refer to an input from the render…
Bruno
  • 4,685
  • 7
  • 54
  • 105
0
votes
2 answers

Should component in React be aware of the structure of the data object get from the Store

Hi I am quite new to React and Flux, they work charmingly and really ease my work, but now I have this question bothered me for quite a while, say I have a list of file names that can turned grey in the state of unavailable. I have done this by read…
1 2 3
99
100