Modern React From The Beginning
Cosa imparerai
- Learn The Fundamentals Of React (Components, state, hooks, context API & more)
- Build Projects (Portfolio website, notes app, shopping cart UI, idea sharing app & more)
- React Router v7 - Declarative & Framework Mode With SSR
- TanStack Router & TanStack Query For Working With APIs
- Portfolio Website WIth Strapi Headless CMS Integration
- Full Stack MERN App With Refresh Tokens For Authentication
- Learn hooks like useState, useEffect, useRef, useContext
- Suitable For Beginners & Intermediates
Requisiti
- You should know the fundamentals of JavaScript
Descrizione
Unlock the full potential of React in 2025 with this comprehensive, beginner-friendly course that goes beyond the basics. Whether you're brand new to React or want to deepen your understanding of its modern features, this course will give you the practical skills you need to build real-world applications using today’s best practices.
You'll start by learning React fundamentals in a highly structured, easy-to-digest format. We will be building projects as you learn.
Here are some of the concepts you will learn:
The fundamentals: JSX, components, props, state, and events
The entire lifecycle of a React component
All the core React hooks – useState, useEffect, useRef, useContext and more
Best practices for functional components in modern React
Conditional rendering patterns (ternary vs &&)
Organizing files, reusable components, and clean architecture
Advanced routing with React Router v7 including declarative and framework mode with SSR
Data fetching and caching with TanStack Query
Real-world debugging using React DevTools, network tab, and logging
Secure authentication with access & refresh tokens using HTTP-only cookies
Full stack MERN development
Deployment using Vercel (frontend) and Render (backend)
Premium Docs:
You will have access to the premium docs, which is basically the entire course in text/Markdown format.
Projects:
This course has a bunch of small to medium-sized projects to build for your portfolio:
- Rating/Feedback UI - Simple star rating UI to learn the basics with. Events, props, state, etc
- Notes App - Create and delete notes from local storage. Learn about forms and state.
- Lifecycle Playground - Sandbox to learn about component lifecycle and the useEffect hook
- Simple Timer - Learn about the useRef hook and persisting data across page reloads.
- GitHub Finder - Use TanStack Query to get and send data to and from the Github API
- Crypto Dash - Use the CoinGecko API to create a dashboard for getting prices and other info from Crypto coins.
- IdeaDrop - Full stack MERN app with TanStack Router on the frontend.
- The Friendly Dev - Portfolio website and blog built with React Router v7 and Strapi headless CMS.
A chi è rivolto questo corso:
- Anyone that wants to learn React or learn how to use modern React environments such as TanStack & React Router
Insegnanti
- Valutazione dell'insegnante: 4,7
- 183.215 recensioni
- 540.000 studenti
- 26 corsi
Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.
- Valutazione dell'insegnante: 4,7
- 488 recensioni
- 361.459 studenti
- 1 corso
Hi, I'm a Knife maker, father, bushcrafter, climber and developer based in the United Kingdom. I have a keen interest in web development, technology and computing.
I'm always eager to learn and explore new things, both in my personal and professional life, and I enjoy sharing my knowledge with others.