Giter VIP home page Giter VIP logo

flux-react-boilerplate's Introduction

FLUX React JS Boilerplate

Based on the architecture suggestions from Facebook, this boilerplate will help you deal with it. It has included the flux-react extension to React JS, flux-react.

Read more about FLUX over at Facebook Flux and I wrote a post about it too: My experiences building a FLUX application and React JS and FLUX

Development

  • Run npm install
  • Run gulp
  • Start a webservice in the build folder, f.ex. python -m SimpleHTTPServer
  • Go to localhost:8000 to display the app
  • Go to localhost:8000/testrunner.html to see your tests
  • Any changes to app or styles folder will automatically rebuild to build folder
  • Both tests and application changes will refresh automatically in the browser
  • Run gulp test to run all tests with phantomJS and produce XML reports

Minify the code, ready for production

  • Run gulp deploy

Directory

  • build/: Where your automatically builds to. This is where you launch your app in development
  • dist/: Where the deployed code exists, ready for production
  • styles/: Where you put your css files
  • specs/: Where you put your test files
  • gulpfile: Gulp configuration

flux-react-boilerplate's People

Contributors

aywengo avatar brigand avatar christianalfoni avatar d4goxn avatar montogeek avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

flux-react-boilerplate's Issues

XHR Example

Would be nice to see an implementation of a xhr call, like how to fetch some JSON data.

React.render() Deprecated

When running the project i get two of the following errors/warnings:

screen shot 2016-02-18 at 8 04 58 am

I believe it is referencing this section of code in the main.js, keep in mind i didn't make any changes to the project.

screen shot 2016-02-18 at 8 05 56 am

TypeError: 'undefined' is not an object (evaluating 'this.state.checkboxes.map')

Hi

I wanted to play with your boilerplate but i encountered this error:

TypeError: 'undefined' is not an object (evaluating 'this.state.checkboxes.map')

I have this error after running gulp, even without any modification. But i can see real difference between your vendors.js in the repository, and the one "compiled" by gulp.

You can see the diff here: https://gist.github.com/twidi/5938a464a9f6af6c7500

I don't know why this big difference until line 1300, but there are subtle ones after that.

Could you help me to find the problem ?

Thanks in advance

Fresh install 10.11.2: npm ERR! peerinvalid The package [email protected] does not satisfy its siblings' peerDependencies requirements!

brew install npm then npm install
Result:

[fsevents] Success: "/private/tmp/flux-react-boilerplate/node_modules/watchify/node_modules/chokidar/node_modules/fsevents/lib/binding/Release/node-v46-darwin-x64/fse.node" is installed via remote
npm ERR! Darwin 15.2.0
npm ERR! argv "/usr/local/Cellar/node/4.2.1/bin/node" "/usr/local/bin/npm" "install"
npm ERR! node v4.2.1
npm ERR! npm  v2.14.7
npm ERR! code EPEERINVALID

npm ERR! peerinvalid The package [email protected] does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer [email protected] wants react@^0.14.0

npm ERR! Please include the following file with any support request:
npm ERR!     /private/tmp/flux-react-boilerplate/npm-debug.log

npm-debug.log.txt

Live reload doesn't exist

I'm getting 404 error after running gulp with the python server, it doesn't appear to be opening port 35729 for the live reload code?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.