generator-react-kayak
Helping you learn React development, forwards and backwards.
Features
- Yeoman generator to create a single-page-app architecture, using React
- Isomorphic option, with React being rendered by a Koa server, coming soon™.
- Implements uni-directional data flow architecture via Reflux framework
- Options for Vanilla Flux, Fluxible, and NuclearJS coming soon™
- Full routing functionality via React Router
- Examples of
<View />
and other custom components, and data-fetching through an external API, along with working Jest test suite - Includes Materialize style framework, along with Material-UI components
- Options for Bootstrap (with React Bootstrap), Semantic-UI (no components), coming soon™
- ES2015 development environment, with hot-module-reload and React state preservation using Webpack, React Hot Loader, and Babel
Goals
Dependencies
- Node/NPM
- NOTE: Currently, Jest testing framework only works on Node v0.10.x. If you are not using this version of Node, you can use Node Version Manager(NVM) to install. Follow this issue for progress.
- Yeoman -
npm install -g yo
- Gulp -
npm install -g gulp
Get Started
- Install
generator-react-app
:npm install -g generator-react-kayak
- Create your application folder:
mkdir ~/Projects/MyApp && cd ~/Projects/MyApp
- Generate your React App
yo react-kayak
npm start
and enjoy!
Sub-generators
View
Component
Action
Store
Mixin
Additional commands
npm test
- Run Jest test suitegulp build
- Create distribution bundle in/dist
gulp preview
- Create a server running the distribution bundle