AmirMeiry / PandoApp

react-google-charts example

PandoApp

a simple Google Charts demonstration with React and Redux.

---

Table of Contents

• Description
• How To Use
• Author Info

---

Description

a simple Google Charts demonstration with React and Redux.

Technologies

• React
• Redux
• Axios

Packages

Package	Link	Version
react	@npmjs/package/react
axios	@npmjs/package/axios
redux	@redux.js
react-redux	@react-redux.js
redux-devtools-extension	@github/reduxjs/redux-devtools
redux-logger	@npmjs/package/redux-logger
redux-thunk	@npmjs/package/redux-thunk
react-google-charts	@npmjs/package/react-google-charts

Back To The Top

---

How To Use

Fast Installation

git clone the repo using

git clone https://github.com/AmirMeiry/PandoApp.git

enter the git folder and type

npm install

this should install all the dependencies needed to run.

API Reference

    https://react-google-charts.com/

Installation

react installation

    # NPM

    npm i react

    # Yarn

    yarn add react

axios installation

    # NPM

    npm i axios

    # Yarn

    yarn add axios

redux installation

    # NPM

    npm install redux

    # Yarn

    yarn add redux

react-redux installation

    # NPM:

    npm install react-redux

    # Yarn:

    yarn add react-redux

redux-devtools-extension installation

    # NPM:

    npm install --save redux-devtools-extension

    # Yarn:

    yarn add redux-devtools

redux-logger installation

    # NPM

    npm i --save redux-logger

    # Yarn

    yarn add redux-logger

redux-thunk installation

    # NPM

    npm install --save redux-thunk

    # Yarn

    yarn add redux-thunk

react-google-charts installation

    # NPM

    npm i -s react-google-charts

    # Yarn

    yarn add react-google-charts

Note : If you're using react < 16.3 then use 2.x version:

    # Yarn
    yarn add react-google-charts@2

npm start

    # Terminal / CMD

    npm start

Back To The Top

---

Author Info

• Linkedin - @amirmeiry

Back To The Top