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 it's 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 it's 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: Let's 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: Let's 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 Isn't 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!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024