Ok, so you may have heard of React and Redux since they’ve been all over the place lately. You may have found a bunch of tutorials and resources to learn the basics. However, when it comes to the real world you need to actually get started and build something using what you’ve learnt.

Through this series, we’re going to learn how to implement Redux into a React project in order to build a basic_ e-commerce website with a shopping cart._

I will provide the Github repository for the full project at the end of this article.

NOTE_: This article is meant for beginners who have just gotten started with React,so I’ll try to explain all the steps from scartch, bare with me!_

Requirements

  • Node.js installed
  • A terminal (you can install Git Bash for Windows if you’re a Windows user)

Get started

Inside you directory, execute the following command:

npx create-react-app shopping-cart

This will allow us to create the basic structure of a React app.

Now let’s get inside our new directory and run the project on a localhost:

cd shopping-cart
npm start

This is what we got so far wohoo! but hold on there’s more to come

We can now get rid of the files we don’t need(App.css, index.css).

Don’t forget to remove them from the_ index.js__ file._

This is how your App.js file should look like.

Full Stack App development for beginners

https://github.com/tkssharma/fullstac…

#react #react js #programming

React JS Shopping Cart - Full Stack App Development #20
1.40 GEEK