https://github.com/hafizn07/context-api-usecontext-guide

Practice Guide for real life application of useContext , ContextAPI and spread-operator in a simple e-commerce project.
https://github.com/hafizn07/context-api-usecontext-guide

addtocart api context-api reactjs spread-operator usecontext webdevelopment

Last synced: about 9 hours ago
JSON representation

Practice Guide for real life application of useContext , ContextAPI and spread-operator in a simple e-commerce project.

• Host: GitHub
• URL: https://github.com/hafizn07/context-api-usecontext-guide
• Owner: hafizn07
• Created: 2022-10-21T05:03:58.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-21T05:44:51.000Z (about 2 years ago)
• Last Synced: 2023-12-02T15:35:48.805Z (12 months ago)
• Topics: addtocart, api, context-api, reactjs, spread-operator, usecontext, webdevelopment
• Language: JavaScript
• Homepage: https://codesandbox.io/s/context-api-fd6w25
• Size: 8.69 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  


  Practice React-Js useContext Hook, ContextAPI and Spread-operator.

  




This is a simple Practice Guide of React-Js useContext Hook, ContextAPI and Spread-operator on a simple e-commerce Application. How the "Add to cart" actually work using these hooks and concepts.


Don't forget to give a ⭐️ 



![screenshot](public/preview.gif)



## How To Use

To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:

```bash

# Clone this repository

$ git clone https://github.com/hafizmp/Context-API-useContext-Guide.git

# Go into the repository

$ cd Context-API-useContext-Guide

# Install dependencies

$ npm install

# Run the app

$ npm start

```

> **Note**

> If you're using Linux Bash for Windows, [see this guide](https://www.howtogeek.com/261575/how-to-run-graphical-linux-desktop-applications-from-windows-10s-bash-shell/) or use `node` from the command prompt.

## Links

- Solution URL: [GitHub](https://github.com/hafizmp/Context-API-useContext-Guide)

- Live Site URL: [CodeSandBox](https://codesandbox.io/s/context-api-fd6w25)