#About

This is a boilerplate for new apps using a specific technology stack. It contains:

Client side

• ReactJS for rendering components
• Redux for managing application state (client data store)

Server side

• node.js web server
• express.js framework for app structure, routing, etc.

#Installation

Download and install

1. Install and configure node-gyp
2. Fork the original repository
3. Clone your forked repository git clone https://github.com/<yourusername>/IMReactStack
4. Open cmd in folder and run:
5. git remote add upstream https://github.com/ionutmandra/IMReactStack
6. npm i
7. npm i gulp-cli -g
8. npm i nodemon -g
9. npm i mocha -g
10. If node version has been updated run npm rebuild

Start server & client

You can do one of the following:

• run start.bat in folder (optionally create a shortcut to it in Startup to have it run on Windows startup)

- or -

• open 2 consoles in folder and run:
• nodemon server (console 1)
• gulp (console 2)

Production

• run gulp deploy. This will:
  • minify css
  • uglify and minify source code
  • take off source maps
  • set process.env.NODE_ENV = 'production', so react code knows it's in production mode (https://facebook.github.io/react/downloads.html)
  • run unit tests

Have fun :)

• open browser to localhost:8080 (or what the port says in the nodemon console)

Chrome extensions

• React developer tools
• Redux dev tools

#Editor (optional)

1. install Sublime Text 3

2. Preferences > Settings-user should contain this (possibly among other settings):

   {...
    "folder_exclude_patterns":
    [
     ".svn",
     ".git",
     ".hg",
     "CVS",
     "node_modules"
    ],
     ...}
   

3. Preferences > Key bindings-User - add these:

   [
    { "keys": ["ctrl+m"], "command": "reindent" },
    { "keys": ["ctrl+-"], "command": "jump_back" },
   ]
   

4. install the package manager (Ctrl + ~ then paste the code from the Sublime text 3 tab)

5. Ctrl + Shift + P > Package control: Install Package > install ReactJS

6. Ctrl + Shift + P > Package control: Install Package > install Babel

7. File > Open folder - Select folder

8. open any .js file then View > Syntax > Open all with current extension as > Babel > Javascript (babel) - for correct syntax checking