<commit_before># generator-mobx-react [![NPM version][npm-image]][npm-url] [![Dependency Status][daviddm-image]][daviddm-url]
>

## Introduction

**Note: This generator is massively WIP so use at your own risk**

`mobx-react` is a fantastic library that combines [MobX](https://github.com/mobxjs/mobx) observables with [React](https://facebook.github.io/react/) for powerful, intuitive state management.

This generator is intended to help people get started with `mobx-react` by providing a relatively lightweight project generator that takes care of the basic project infrastructure and lets the user get started coding right away.

## What `yo mobx-react` handles for you

This generator will set up a basic React/MobX project for you, including the following features:

  - Scaffold a basic app, including config files and dependencies
  - Choice between ES2015 and TypeScript
  - If using ES2015, `yo mobx-react` will set up Babel 6 + the appropriate plugins and presets for supporting React + Mobx
    - [babel-preset-es2015](http://babeljs.io/docs/plugins/preset-es2015/)
    - [babel-preset-stage-1](https://babeljs.io/docs/plugins/preset-stage-1/) (for spread/rest and extended class syntax)
    - [babel-preset-react](http://babeljs.io/docs/plugins/preset-react/)
    - [babel-plugin-transform-decorators-legacy](https://github.com/loganfsmyth/babel-plugin-transform-decorators-legacy) (since Babel 6 doesn't currently support decorators, we need this to work with `mobx`)
    - [babel-plugin-transform-object-assign](http://babeljs.io/docs/plugins/transform-object-assign/)
    - [babel-plugin-array-includes](https://github.com/stoeffel/babel-plugin-array-includes)
  - If using TypeScript, `yo mobx-react` will install the latest version of TypeScript, plus [Typings](https://github.com/typings/typings) for type definitions. It will also set up a basic `tsconfig` and `typings.json` file for you, with `React` and `React-DOM` typings installed.

- Webpack, with the following configuration
    - transpilation via `babel-loader` or `ts-loader`
    - css bundling
    - npm-auto-install
    - code splitting in production builds<commit_msg>Remove WIP warning from README since this is actually pretty useful now<commit_after># generator-mobx-react [![NPM version][npm-image]][npm-url] [![Dependency Status][daviddm-image]][daviddm-url]
>

## Introduction

`mobx-react` is a fantastic library that combines [MobX](https://github.com/mobxjs/mobx) observables with [React](https://facebook.github.io/react/) for powerful, intuitive state management.

This generator is intended to help people get started with `mobx-react` by providing a relatively lightweight project generator that takes care of the basic project infrastructure and lets the user get started coding right away.

## What `yo mobx-react` handles for you

This generator will set up a basic React/MobX project for you, including the following features:

  - Scaffold a basic app, including config files and dependencies
  - Choice between ES2015 and TypeScript
  - If using ES2015, `yo mobx-react` will set up Babel 6 + the appropriate plugins and presets for supporting React + Mobx
    - [babel-preset-es2015](http://babeljs.io/docs/plugins/preset-es2015/)
    - [babel-preset-stage-1](https://babeljs.io/docs/plugins/preset-stage-1/) (for spread/rest and extended class syntax)
    - [babel-preset-react](http://babeljs.io/docs/plugins/preset-react/)
    - [babel-plugin-transform-decorators-legacy](https://github.com/loganfsmyth/babel-plugin-transform-decorators-legacy) (since Babel 6 doesn't currently support decorators, we need this to work with `mobx`)
    - [babel-plugin-transform-object-assign](http://babeljs.io/docs/plugins/transform-object-assign/)
    - [babel-plugin-array-includes](https://github.com/stoeffel/babel-plugin-array-includes)
  - If using TypeScript, `yo mobx-react` will install the latest version of TypeScript, plus [Typings](https://github.com/typings/typings) for type definitions. It will also set up a basic `tsconfig` and `typings.json` file for you, with `React` and `React-DOM` typings installed.

- Webpack, with the following configuration
    - transpilation via `babel-loader` or `ts-loader`
    - css bundling
    - npm-auto-install
    - code splitting in production builds
{'fraction_non_alphanumeric': 0.11100767977658832, 'fraction_numerical': 0.00930882010705143, 'mean_word_length': 4.352428393524284, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 12, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '842031', 'n_tokens_mistral': 1309, 'n_tokens_neox': 1235, 'n_words': 406}