Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Build a React Webshop For Beginners
1 students

Build a React Webshop For Beginners

Learn React With a Real-Word Example by Building a Webshop.
Created byDaniel Rappich
Last updated 2/2025
English

What you'll learn

  • How To Get Started With React
  • How To Create React Components
  • How To Create a Navbar
  • How To Create a Modal Dialog
  • How To Create a Page Routing System
  • How To Use UseState-Variable
  • How To Use UseEffect-Hooks

Course content

5 sections • 28 lectures • 1h 58m total length

  • Course Introduction5:21
  • Get Started With React5:00

    In this lecture you'll learn how to start you very first react project.

    Quickly about React

    React is a JavaScript library or framework for building websites. It was developed by Meta and is widely used for creating dynamic, interactive web applications.


    Tailwindcss

    You'll also learn how to install Tailwindcss. You're probably already familar with vanilla CSS. Well, tailwindcss is so to say nothing else but a quicker and easier version to use CSS. I'll show you how to use it!


    React Components

    And in the end of this lecture you'll also learn how to create your first React component. React is component based and is broken down into reusable components, making development modular and manageable.

  • Install and use Tailwindcss4:59
  • Create a Navbar Component3:44

Requirements

  • No programming knowledge is required. The course is suited both for beginners as well as more advanced learners.

Description

Learn React by Building the Foundation for a Webshop

Are you ready to dive into the world of React and build your own webshop from scratch? This course is designed for beginners and aspiring web developers who want to learn the fundamentals of React while working on a practical project.

Throughout this course, you will build a fully functional React-based webshop step by step. You will start by learning the basics of React, setting up your first project, and working with components, state management, and page routing. As you progress, you’ll create a products overview page, implement a shopping cart system, and design an interactive cart page.

By the end of the course, you will have a solid understanding of:


  • React Components – Learn how to structure your project with reusable UI elements.

  • State Management – Understand how to use useState and useEffect to manage data efficiently.

  • Page Routing – Implement dynamic page navigation for seamless user experiences.

  • Shopping Cart Functionality – Enable users to add, update, and remove products from their cart.

  • Modal Dialogs & UI Enhancements – Improve user interaction with popups and styling techniques.

Even if you're new to coding, this course is designed to be easy to follow. With each episode, you’ll gain hands-on experience, and over time, the concepts will connect naturally. Join me on this journey and start building your React skills today!

Who this course is for:

  • JavaScript-Entwickler
  • React JS Anfänger

Report abuse