React For The Rest Of Us

React For The Rest Of Us, available at $99.99, has an average rating of 4.8, with 93 lectures, based on 2698 reviews, and has 14324 subscribers.

You will learn about The problem React solves and *why* we should use it (aside from because its popular) How to create Single Page Applications with React The ability to keep your code organized and manageable How to seamlessly pull real and dynamic data into your front-end This course is ideal for individuals who are Anyone who wants to create user interfaces using the most popular and in-demand library in the world today. It is particularly useful for Anyone who wants to create user interfaces using the most popular and in-demand library in the world today.

Enroll now: React For The Rest Of Us

Summary

Title: React For The Rest Of Us

Price: $99.99

Average Rating: 4.8

Number of Lectures: 93

Number of Published Lectures: 93

Number of Curriculum Items: 93

Number of Published Curriculum Objects: 93

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

The problem React solves and *why* we should use it (aside from because its popular)

How to create Single Page Applications with React

The ability to keep your code organized and manageable

How to seamlessly pull real and dynamic data into your front-end

Who Should Attend

Anyone who wants to create user interfaces using the most popular and in-demand library in the world today.

Target Audiences

Anyone who wants to create user interfaces using the most popular and in-demand library in the world today.

Learn the world’s most popular library for creating user interfaces!

What makes this course different is we take the time to understand *why* we’re doing what we’re doing. We begin by asking an important question that so many other React courses skip entirely; What problem does React solve?

Once we understand what React is and isn’t, we spend the remainder of the course together building the front-end for a real world social media app where you can post, follow other users and even hop into a live chatroom. Along the way we will:

Understand what “state” is in React and how to bring our interfaces to life

Use the modern “hook” approach with Function Components

Leverage React Router to create a Single Page Application with shareable URLs

See the power of Context, Reducer, and Immer and create an ideal way of working with state

Run code at the perfect moments by understanding the power of useEffect()

Use async HTTP requests to communicate with APIs so that our app feels meaningful by working with real data

Deploy our app up onto the web so you can share it with your friends and family

This course may be brand new, but this isn’t my first time teaching. I’ve led training sessions for Fortune 500 companies and I’ve already helped over 98,000 people on Udemy and received the following feedback:

“Brad definitely has some of the best techniques to embed the lesson into your mind… hands down these are the best tutorials I have had the opportunity to view.”

“Presentation is concise without being tedious… you honestly feel that you have a thorough understanding of the subject.”

“…[Brad] explained the process. Not memorize this or that, he explained the process. If you’re looking to take a course to understand the foundations of creating websites, look no further.”

Become highly valuable and relevant to the companies that are hiring front-end developers; in one convenient place alongside one instructor. If you’re ready to begin building with React – I’ll see you on the inside!

Course Curriculum

Chapter 1: Intro: The 10 Days of React

Lecture 1: What Problem Does React Solve?

Lecture 2: Lets Start Using React

Lecture 3: What Is JSX?

Lecture 4: Staying Organized: Components Using Other Components

Lecture 5: Using Props To Make a Component Flexible

Lecture 6: Looping Through An Array Within JSX

Lecture 7: State

Lecture 8: Handling Events (Like a Button Click etc)

Lecture 9: Working With Forms

Lecture 10: What is UseEffect?

Chapter 2: Getting Ready To Create a Real World App

Lecture 1: Text Editor

Lecture 2: Quick VS Code Settings

Lecture 3: Node.js

Lecture 4: Setting Up Our Workflow

Lecture 5: Important Note About NPM Packages and The Zip Files in This Course

Chapter 3: Lets Start Building Our App!

Lecture 1: React & Next.js

Lecture 2: Starting Our Complex App

Lecture 3: Tip: Always Have The Current Year In The Footer

Lecture 4: Routing (Single Page Application)

Lecture 5: Quick Note About Rendering React Components To The DOM

Lecture 6: React Developer Tools

Lecture 7: Creating a Visual Studio Code Snippet

Lecture 8: Create a Reusable Container Component

Lecture 9: Quick Details & Composition

Chapter 4: Working With a Real Back-End

Lecture 1: Choosing The Right Approach For You

Lecture 2: Getting a Database Ready

Lecture 3: Solution to Common Database Problem

Lecture 4: Note About a Common Misspelling

Lecture 5: Running The Back-End

Lecture 6: Optional Alternative: Simple Docker Back-End

Chapter 5: Connecting the Front-End and Back-End

Lecture 1: Quick Note About Debugging

Lecture 2: Sending a Request From the Front-End

Lecture 3: Access Form Field Values with React

Lecture 4: Logging In

Lecture 5: Render Different Components Depending on State

Lecture 6: Persisting State (Local Storage)

Lecture 7: Conditional Homepage Content

Lecture 8: Create Post Screen

Lecture 9: View Single Post Screen

Lecture 10: Flash Messages

Chapter 6: Leveling Up The Way We Approach State

Lecture 1: Context

Lecture 2: useReducer

Lecture 3: A Powerful Duo: useReducer & Context

Lecture 4: What is Immer?

Lecture 5: useEffect Practice

Chapter 7: Actually Building Our App

Lecture 1: Profile Screen

Lecture 2: Load Posts by Author

Lecture 3: Make Single Post Screen Actually Load The Real Content

Lecture 4: Animated Loading Icon

Lecture 5: Cleaning Up After Ourselves (useEffect)

Lecture 6: Markdown in React

Chapter 8: Edit & Delete Post Actions

Lecture 1: Adding Tooltips on Hover for Actions

Lecture 2: Edit (Update) Post Component

Lecture 3: Edit Post Continued

Lecture 4: Client-Side Form Validation

Lecture 5: Quick Attention To Detail Features

Lecture 6: Delete a Post

Chapter 9: Search Overlay

Lecture 1: Setting Up Search Overlay

Lecture 2: React Transition Group (CSS Transition)

Lecture 3: Regarding The Index In The Next Lesson

Lecture 4: Waiting for User To Stop Typing

Lecture 5: Finishing Search (Part 1)

Lecture 6: Finishing Search (Part 2)

Chapter 10: Letting Users Follow Each Other

Lecture 1: Follow User Feature

Lecture 2: Profile Followers and Following Tabs

Lecture 3: Homepage Post Feed

Chapter 11: Building a Live Chat Feature

Lecture 1: Live Chat User Interface

Lecture 2: Sending & Receiving Chats (Part 1)

Lecture 3: Sending & Receiving Chats (Part 2)

Lecture 4: Finishing Chat

Chapter 12: Registration Form Validation

Lecture 1: Improving Registration Form

Lecture 2: Finishing Registration Form (Part 1)

Lecture 3: Quick Note About If Statement

Lecture 4: Finishing Registration Form (Part 2)

Lecture 5: Quick Flash Message Details

Lecture 6: Proactively Check If Token Has Expired

Chapter 13: Getting Ready To Go Live

Lecture 1: React Suspense – Lazy Loading (part 1)

Lecture 2: React Suspense – Lazy Loading (part 2)

Lecture 3: Note About Suspense for Data Fetching

Lecture 4: Building a Dist Copy of Our Site

Lecture 5: React Outside of the Browser (Part 1)

Lecture 6: React Outside of the Browser (Part 2)

Lecture 7: Two Quick Notes

Lecture 8: Pushing Our API Backend Server Up To The Web

Lecture 9: Pushing Our React Front-End Up To The Web

Chapter 14: Next.js Essentials

Lecture 1: Next.js Isnt Scary (Part 1)

Instructors

Brad Schiff
Web Developer

Rating Distribution

1 stars: 12 votes

2 stars: 15 votes

3 stars: 100 votes

4 stars: 606 votes

5 stars: 1965 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!