Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Hands-On Introduction to Frontend Development with React
Rating: 4.5 out of 5(75 ratings)
3,565 students

Hands-On Introduction to Frontend Development with React

Build real frontend skills with React 19: Components, Hooks, UI, Data Fetching
Created byLukasz Kallas
Last updated 5/2026
English

What you'll learn

  • Understand the basics of frontend development using React 19
  • Create functional components with JSX
  • Manage component state with useState and handle user interactions
  • Fetch and display data from APIs using fetch and useEffect
  • Implement loading states using Material UI and custom hooks

Course content

3 sections • 14 lectures • 2h 0m total length

  • Welcome!2:52
  • Join Our Community0:04
  • What is Frontend and why React4:32

    Learn how the frontend relates to the backend, and why React, a powerful library, enables fast, reactive, component-based user interfaces with hooks and modern features in React 19.

  • Setting up our Environment12:17

    Set up your development environment for a React project by installing Node.js and npm, choosing an IDE like VS Code, and scaffolding with Vite before running the dev server.

Requirements

  • Basic knowledge of HTML, CSS, and JavaScript
  • No prior experience with React required
  • VS Code installed (we’ll guide you through setup)
  • Node.js installed (we’ll explain if and when it’s needed)

Description

Welcome to Hands-On Introduction to Frontend with React (React 19) — a practical and beginner-friendly course designed to help you build modern web applications from scratch using React.

I’m Lukasz, a tech lead in an international team, and I've created this course to give you the tools and confidence to start building with React right away — no slides, just hands-on coding.

In this course, you’ll learn:

  • What frontend and backend development really mean

  • How to set up a modern React environment using Vite and VS Code

  • How to create components using both functions and classes

  • How to work with props, state, and essential hooks like useEffect, useContext, and useState

  • How to fetch data from APIs and show loading states with Material UI

  • How to organize logic using custom hooks

  • How React 19 introduces powerful new tools like Server Actions, Suspense, and the React Compiler

  • When (and when not) to use useMemo, useCallback, and useOptimistic

So no matter if you’re just getting into frontend or want to understand what’s new in React 19, this course will walk you through real examples at your own pace.

By the end, hopefully you’ll be confident in building React apps and ready to explore deeper frameworks or build your own portfolio projects.

Let’s get started — hands-on!

Who this course is for:

  • Beginners who want to start building real-world frontend apps with React
  • Bootcamp graduates or students looking to go beyond theory
  • Anyone who prefers hands-on learning over slide presentations

Report abuse