archiej / archie-react-starter

Starter Project for React

#archie-react-starter

1. Description
2. Getting Started
3. Stack
4. Additional Information

Description

For when I don't want to use create-react-app, JSBin or the like. This is a simple starter project for quickly getting me up and running to write react code. Nothing fancy, feel free to use.

Getting Started

Here's how you get started:

Requirements

Make sure you have node + npm installed. Preferably, use node v8 and above, since that is the version used to write this starter.

Step 1: Get the Repository

git clone [email protected]:archiej/archie-react-starter.git

For Windows users

You may also need to install some packages globally: npm i -g nodemon webpack-dev-server

Change the dev script in package.json to: nodemon --exec babel-node lib/server.js

Remove pm2 from dependencies in package.json, and add: "nodemon":"*"

---

Step 2: Install Dependences

npm i

Step 3: Start the pm2 server to start the view engine and serve the endpoint

yarn dev

Step 4: Start the build and watch for the client-side and start developing

yarn webpack

Goto to localhost:8080 in chrome

Stack

This starter includes the following (among other smaller dependencies):

• React - Awesome framework for building scalable, fast web apps
• Redux - Redux is a predictable state container for JavaScript apps
• Webpack - Module bundler that basically replaces Grunt and Gulp
• pm2 - Advanced, performant, production process manager for Node.js
• Express - Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications
• Yarn - Yarn caches every package it downloads so it never needs to download it again.

Additional Information

For better debugging, install Redux DevTools for Chrome here: https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en