flux-chat-annotated icon indicating copy to clipboard operation
flux-chat-annotated copied to clipboard

trafficstars

閱讀順序

- index.html

	- app.js

		# 入門款流程先看這裏
			- /components/ThreadSections.js	
			- /components/ThreadListItem.js

		# 進階款流程看這裏
		
			- /components/MessageComposer.js
			- /components/ChatMessageActionCreators.js
			- /components/MessageStore.js

Flux Chat Example

This is an example application we've created to show an example of how a Flux app is structured, and how you might use waitFor to make sure the Stores' registered callbacks are called in the correct order.

Running

You must have npm installed on your computer. From the root project directory run these commands from the command line:

npm install

This will install all dependencies.

To build the project, first run this command:

npm start

This will perform an initial build and start a watcher process that will update build.js with any changes you wish to make. This watcher is based on Browserify and Watchify, and it transforms React's JSX syntax into standard JavaScript with Reactify.

After starting the watcher, you can open index.html in your browser to open the app.