Fluxible is a pluggable, singleton-free container for isomorphic Flux applications.
Fluxible is a pluggable, singleton-free container for isomorphic Flux applications.
Questions tagged [fluxible]
60 questions
54
votes
3 answers
What does « dehydrate » and « rehydrate » stand for in Fluxible?
I'm working on a minimal app which work with fluxible. Pretty much everything seems clear but one thing : the concept of dehydrate and rehydrated state.
I've understood that it's what's needed to sync the store between the client and the server, but…
Kai23
- 1,556
- 2
- 16
- 30
16
votes
2 answers
ReactJS SetState not rerendering
I have:
JobScreen
handleSetView(mode, e) {
this.setState({
view: mode
});
console.log(this.state.view)
}
render() {
return (
imperium2335
- 23,402
- 38
- 111
- 190
6
votes
0 answers
How to serve up static images/css/assets in the fluxible template project?
I'd like to have static assets copied to the build folder as well, things like images and css and assets.
I noticed in their sample project, server.js is mapping the build folder to /public.
server.use('/public', express.static(path.join(__dirname,…
MonkeyBonkey
- 46,433
- 78
- 254
- 460
5
votes
4 answers
Isomorphic React + Flux + REST API
So, I've been fiddle:ing with some isomorphic React + Flux lately and have found some concepts quite confusing to be honest. I've been looking into best practices about how to structure isomorphic apps and are looking for advice.
Suppose you are…
DrDumbom
- 97
- 6
4
votes
1 answer
Reactjs, this.context is undfined in constructor method
i m actually trying to develop a simple component corresponding to a list that I fill with one more item when I hit a button.
My problem is that I use ES6, and so I dont use getInitialState, I use the constructor to make the initialization, like…
mfrachet
- 8,772
- 17
- 55
- 110
3
votes
4 answers
Conflicting server/client rendering and Webpack’s local css modules
I'm using Fluxible to help create an isomorphic app on a new project and it's going swimmingly. I love it so far. I have run into a speed bump, though, and wonder how to get over it.
Here is my Header component thus far:
import React from…
Brandon Durham
- 7,096
- 13
- 64
- 101
3
votes
1 answer
Why Twitter Typeahead doesn't work with React js?
I'm currently using Twitter Typeahead in my React Project and i would like to display suggestions based on Typeahead but i can't manage to make it work.
Below my code :
var Search = React.createClass({
getInitialState: function () {
…
Maria Minh
- 1,219
- 4
- 15
- 27
3
votes
2 answers
How to assert and test a ReactJS / Fluxible Component's state?
My app is a Fluxible / React application.
I have the following spec that attempts to test a LoginForm. Embedded components have been stubbed using rewire. I referenced http://fluxible.io/api/components.html#testing.
The first spec it("renders")…
unclelim12
- 603
- 1
- 8
- 22
2
votes
1 answer
Is there any way for two independent components, with their own instances of Flux, to share a single Flux store?
Suppose I have two react components.
Component A is an e-commerce store a site owner can add to their site. This holds the stores products, and visitors to the site can select items to add to a shopping cart.
Component B is a shopping cart…
Connor O'Doherty
- 385
- 1
- 5
- 19
2
votes
1 answer
Avoiding re-renders for controlled inputs in a React Flux application
I have a classic Flux pattern in my application, using fluxible. An input's value is tied to my component's prop, and its onChange invokes an action, which in turn updates a store, which in turn passes a prop into my component:
class MyComponent…
Jacob
- 77,566
- 24
- 149
- 228
2
votes
1 answer
Why won't my Fluxible store dehydrate?
I have a pretty simple Fluxible store:
export default class NoteStore extends BaseStore {
static storeName = "NoteStore";
static handlers = {
[Actions.NEW_NOTES_FETCHED]: 'handleNewNotes'
};
constructor(dispatcher) {
…
R Phillip Castagna
- 896
- 5
- 12
2
votes
1 answer
Getting webpack error "Module not found: Error: Cannot resolve module" in fluxible after re-installing node_modules
I have a fluxible project and I'm getting these errors after I deleted all files in node_modules and reinstalled with npm install -d when I try to run with npm run dev which is node webpack-dev-server.js & PORT=3001 nodemon start.js -e js,jsx. The…
MonkeyBonkey
- 46,433
- 78
- 254
- 460
2
votes
0 answers
how to authenticate/authorize fetchr requests
How can I expose the req.session server side to the fetchr service requests so that I can authorize the requests? Can I have access the the session or the request object somehow from the crud methods?
An alternative to session would be to set a…
MonkeyBonkey
- 46,433
- 78
- 254
- 460
2
votes
0 answers
Testing React Component With Jest that uses connectToStores
I'm having trouble testing my React component which uses connectToStores -- I really just need to ensure that upon a certain user action (clicks) to my component that the right action is executed by my context.
Simplified example component:
import…
Mustafa Shabib
- 798
- 12
- 35
1
vote
0 answers
ReactJS not rendering to the page
I am trying to start an app with Laravel, React and Fluxible.
I have:
Entry.js
import React from "react";
import ReactDOM from "react-dom";
import { Router } from "react-router-dom";
import { AppContainer } from "react-hot-loader";
import…
imperium2335
- 23,402
- 38
- 111
- 190