react-redux-counter

An introductory project for trying out react-redux by implementing a simple counter.

💛 Hosted on Github Pages: https://yuelchen.github.io/react-redux-counter/

Preview:

---

Command Line Reference

Create the project using npm.

npm create-react-app react-redux-counter 

Change into project directory.

cd react-redux-counter

Import Redux modules.

npm install --save redux
npm install --save react-redux

Start the application.

npm start

Build the application.

npm run build

Deploying the application to Github pages.

1. Under the project directory, install gh-pages module (first-time-only).

npm install gh-pages --save-dev

2. Modify package.json by adding the GitHub pages URL as homepage (first-time-only).

{
  "homepage": "https://username.github.io/repository-name/",
  "name": "repository-name",
  "version": "0.1.0",
  ...
}

3. Under the scripts section, add the predeploy and deploy fields (first-time-only).

  "scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build",
    "start": "react-scripts start",
    ...
  },

4. Deploy the application.

npm run deploy

---

🚩 Disclaimer: This project was bootstrapped with Create React App.

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.