React and MobX Basics

The basic example of mobx and react components.

Usage

npm install
npm start
open http://localhost:3000

Linting

This project includes React-friendly ESLint configuration.

npm run lint

Using 0.0.0.0 as Host

You may want to change the host in server.js and webpack.config.js from localhost to 0.0.0.0 to allow access from same WiFi network. This is not enabled by default because it is reported to cause problems on Windows. This may also be useful if you're using a VM.

Missing Features

This example is purposefully simple to show the minimal configuration for MobX with React components. For a real project, you'll want to add a separate config for production with hot reloading disabled and minification enabled. You'll also want to add a router, styles and maybe combine dev server with an existing server. This is out of scope of this example.

Dependencies

• React
• Webpack
• webpack-dev-server
• babel-loader
• react-hot-loader

Resources

• MobXJS documentation
• react-hot-loader on Github
• Integrating JSX live reload into your workflow
• Troubleshooting guide
• Ping dan_abramov on Twitter or #reactjs IRC