https://github.com/eggheadio/egghead-react-flux-example

https://github.com/eggheadio/egghead-react-flux-example

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/eggheadio/egghead-react-flux-example
• Owner: eggheadio
• Created: 2014-08-08T16:38:25.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2016-11-28T15:07:16.000Z (almost 8 years ago)
• Last Synced: 2024-06-21T07:19:45.809Z (5 months ago)
• Language: JavaScript
• Size: 316 KB
• Stars: 127
• Watchers: 18
• Forks: 50
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![egghead react flux architecture](https://d2eip9sf3oo6c2.cloudfront.net/series/covers/000/000/005/full/react_flux_series_banner_2.png?1404147531)

## Egghead React Flux Example App

This app requires node.js!

With node installed, you will also need to install **gulp** globally:

`npm i -g gulp`

Now, from the project directory of the master branch install the local dependencies:

`npm install`

Now run `gulp` in the project folder. This builds the project in the `dist` folder and watches for any changes. You can serve the `dist` folder. httpster is a great option for this (`npm i -g httpster`).

Find the [React Flux Architecture video lesson series on egghead.io](https://egghead.io/series/react-flux-architecture).

You can switch branches to switch to a particular lesson:

* [Lesson 1: Development Environment Setup](https://egghead.io/lessons/react-development-environment-setup)

 * `git checkout 01-dev-enviroment-setup`

* [Lesson 2: Overview and Dispatchers](https://egghead.io/lessons/react-flux-overview-and-dispatchers)

 * `git checkout 02-dispatchers`

* [Lesson 3: Actions](https://egghead.io/lessons/react-actions)

 * `git checkout 03-actions`

* [Lesson 4: Stores](https://egghead.io/lessons/react-flux-stores)

 * `git checkout 04-stores`

* [Lesson 5: Component/Views](https://egghead.io/lessons/react-flux-components-views)

 * `git checkout 05-components-views`

* [Lesson 6: Project Organization](https://egghead.io/lessons/react-react-flux-project-organization)

 * `git checkout 06-project-organization`

* [Lesson 7: Routing with react-router-component](https://egghead.io/lessons/react-react-flux-routing-with-react-router-component)

 * `git checkout 07-routing`

* [Lesson 8: Remove Duplicate Code with Mixins](https://egghead.io/lessons/react-react-flux-remove-duplicate-code-with-mixins)

 * `git checkout 08-mixins`

* [Lesson 9: Wrapping Up](https://egghead.io/lessons/react-react-flux-wrapping-up)

 * `git checkout 09-wrap-up`