Getting Started with React

The practical course to learn the world's most popular JavaScript library.

Learning React is tough stuff!

React makes writing JavaScript easier. Something that would take 100 lines in JavaScript could be achieved with 20 lines in React. React also makes our code far more readable so that we can understand our code easily.

There are many reasons React is one of the most popular JavaScript libraries (if not the most popular) in the world. We'll cover them in this Getting Started with React course. 👉 If you want to start building any types of projects, from websites to mobile apps, React is a fantastic choice.

"The current site you're looking at is built with React!

The hardest things about learning React is understanding the foundational concepts like JSX, components, state, props, hooks, and more. In this course, we'll cover all those and provide real practice so you can solidify your knowledge.

What is JSX?!
How do I create components?
Passing data around with props
How do I useState() and useEffect()?
Can I build a real app with React?

2 React Videos From This Course

Hey there! My name is Chris Sev and I'm the founder of Better Dev. I've built and sold businesses in the past and now I am focused on building learning courses so you can learn to do the same! React was the tool that I used to build websites, my businesses, this website, and all my future projects. I am a BIG FAN of React and I'm excited to share this course with you!

Here is the 16 minute Intro to React. This is the beginning of this course.

Here's the course video explaining React's templating language called JSX.

What You'll Learn

Modern React
The essential React fundamentals
Building apps with React
React foundations for every app
React components
React component lifecycle
React Hooks
useState()
useEffect()
Passing data with Component Props
Building a Bookmarking App
Storing data with Local Storage

What You'll Build

We'll build a full bookmarking app that can grab links and store links. We will also have the ability to delete those bookmarks. This app will teach us all the techniques used in larger React applications and solidify the React foundations.

Bookmarking App in React
28+lessons
3.2+hours of content
support on Discord

Get the Course

Buy Just This Course

$45 one time

Features

  • Get this course for life
  • Use the code in your own projects
  • Access to Discord for support

Lifetime Refund Guarantee

Get All Courses

$12/mo

Features

  • Become a Better Dev Pro
  • Get access to all courses
  • Use the code in your own projects
  • Priority Discord support

Cancel at any time

Course Content

28 lessons3.2 hours

Introduction

37 minutes
Getting Started
Prerequisites
When Not to Use React
Ways to Use React

Setting Up

16 minutes
Create React App
CodeSandbox

Templating and Views

26 minutes
JSX Basics
Returning JSX
JSX Gotchas
JSX to HTML
Hiding and Showing
Lists in JSX

Components

67 minutes
Creating Components
State
Event Handlers
Props
Effects
Fetching Data

Bookmarking App

44 minutes
Starting App
JSX Form
Fetching Bookmarks
Storing Bookmarks
Deleting Bookmarks
Cleanup
Refactoring

Conclusion

1 minutes
Conclusion

Quick Tips

Adding Sass
Route Parameters