chat

Michael Ridgway

Jun 18, 2015

5c720d6 · Jun 18, 2015

This branch is 15 commits behind YahooArchive/flux-examples:master.

Name	Name	Last commit message	Last commit date
parent directory ..
actions	actions	Remove lines for consistency	Jan 30, 2015
components	components	Add deferred loading and rendering query parameters to show off vario…	Jun 17, 2015
configs	configs	Convert chat example to fluxible-router	Mar 26, 2015
services	services	added jscs config and linted	Nov 12, 2014
stores	stores	Convert chat example to fluxible-router	Mar 26, 2015
README.md	README.md	Add deferred loading and rendering query parameters to show off vario…	Jun 17, 2015
app.js	app.js	Update to fluxible 0.4.x; Use new fluxible-router higher-order comonents	Apr 4, 2015
client.js	client.js	Fix data dehydration; Shorten getStore call	Jun 18, 2015
package.json	package.json	use grunt concurrent to listen run nodemon and webpack	Feb 3, 2015
server.js	server.js	Fix data dehydration; Shorten getStore call	Jun 18, 2015

README.md

This shows the full Flux flow from server to client as well as XHR posts for creating new messages so that they are persisted between page loads.

Make sure you run npm install from the root of flux-examples. Then change directories to chat (cd chat) and run:

$ npm run dev

This will use nodemon and webpack to watch for changes and restart and rebuild as needed.

This example also includes different patterns for render and loading data.

You can add ?load=0 to defer loading data until the client. A delay of 1 second is added on the client in order to make this more apparent.
You can add ?render=0 to defer rendering until the client.