The Modern React Bootcamp (Hooks, Context, NextJS, Router)
The Modern React Bootcamp (Hooks, Context, NextJS, Router), available at $119.99, has an average rating of 4.57, with 314 lectures, 1 quizzes, based on 8154 reviews, and has 43533 subscribers.
You will learn about React Hooks! (My favorite part of React!) The new Context API State management w/ useReducer + use Context (Redux Lite) The basics of React (props, state, etc) Master React Router Build tons of projects, each with a beautiful interface React State Management Patterns Drag & Drop With React Writing dynamically styled components w/ JSS Common React Router Patterns Work with tons of libraries and tools Integrate UI libraries like Material UI and Bootstrap into your React apps React Design Patterns and Strategies Learn the ins and outs of JSS! Learn how to easily use React to build responsive apps Add complex animations to React projects Debug and Fix buggy React code Optimize React components Integrate React with APIs Learn the basics of Webpack in a free mini-course! DOM events in React Forms and complex validations in React Using Context API w/ Hooks This course is ideal for individuals who are Anyone brand new to React or front-end frameworks in general or Anyone who wants to build a portfolio of stunning React apps or Students struggling to learn React or looking for more practice or Anyone who wants to level up their developer skills and learn a highly in-demand skill! It is particularly useful for Anyone brand new to React or front-end frameworks in general or Anyone who wants to build a portfolio of stunning React apps or Students struggling to learn React or looking for more practice or Anyone who wants to level up their developer skills and learn a highly in-demand skill!.
Enroll now: The Modern React Bootcamp (Hooks, Context, NextJS, Router)
Summary
Title: The Modern React Bootcamp (Hooks, Context, NextJS, Router)
Price: $119.99
Average Rating: 4.57
Number of Lectures: 314
Number of Quizzes: 1
Number of Published Lectures: 314
Number of Curriculum Items: 315
Number of Published Curriculum Objects: 314
Original Price: $199.99
Quality Status: approved
Status: Live
What You Will Learn
- React Hooks! (My favorite part of React!)
- The new Context API
- State management w/ useReducer + use Context (Redux Lite)
- The basics of React (props, state, etc)
- Master React Router
- Build tons of projects, each with a beautiful interface
- React State Management Patterns
- Drag & Drop With React
- Writing dynamically styled components w/ JSS
- Common React Router Patterns
- Work with tons of libraries and tools
- Integrate UI libraries like Material UI and Bootstrap into your React apps
- React Design Patterns and Strategies
- Learn the ins and outs of JSS!
- Learn how to easily use React to build responsive apps
- Add complex animations to React projects
- Debug and Fix buggy React code
- Optimize React components
- Integrate React with APIs
- Learn the basics of Webpack in a free mini-course!
- DOM events in React
- Forms and complex validations in React
- Using Context API w/ Hooks
Who Should Attend
- Anyone brand new to React or front-end frameworks in general
- Anyone who wants to build a portfolio of stunning React apps
- Students struggling to learn React or looking for more practice
- Anyone who wants to level up their developer skills and learn a highly in-demand skill!
Target Audiences
- Anyone brand new to React or front-end frameworks in general
- Anyone who wants to build a portfolio of stunning React apps
- Students struggling to learn React or looking for more practice
- Anyone who wants to level up their developer skills and learn a highly in-demand skill!
EXPANDED and UPDATED to include new sections on Next JS and Server-Side Rendering!
Welcome to the best online resource for learning React! Published in April 2019, this course is brand new and covers the latest in React. This course follows the exact same React curriculum my in-person bootcamp students follow in San Francisco, where students have gone on to get jobs at places like Google, Apple, Pinterest, & Linkedin. This is the most polished React course online, and it’s the only course that is based on REAL bootcamp curriculum that has been tried and tested in the classroom.
This course builds up concepts one at a time, cementing each new topic with an expertly designed exercise or project to test your knowledge. It includes a huge variety of beautiful exercises, projects, and games that we create together from scratch. Sometimes we mix things up and give you a broken React app and ask you to fix it or optimize the code. Check out the promo video to see a couple of the course exercises. The course culminates in one huge capstone project, which is the largest project I’ve ever built for any of my online courses. I’m really excited about it 🙂
React is the most popular JS library around, and there’s never been a better time to learn it! Companies all over the world are turning to React to help manage their JavaScript chaos, including tech giants like Facebook, Airbnb, and Uber. React is consistently voted the most loved and most wanted front-end framework by developers, and it’s clear why! React is a joy to use, and it makes writing maintainable and modular JavaScript code a breeze.
If you’re new to frameworks, React is the ideal first framework to learn. It’s easy enough to learn the basics, but it doesn’t teach you bad habits. Even if you’ve already enrolled in another React course, this course is worth your time for the exercises and projects alone! This curriculum is the product of two years of development and iteration in the bootcamp classroom. All the lectures, exercises, and projects have been tweaked and improved based on real student feedback. You won’t find anything else online as structured and polished as this course.
The highlights:
-
Learn React, from the very basics up to advanced topics like Next JS, React Router, Higher Order Components and Hooksand the Context API.
-
Build one massive capstone application, complete with drag & drop, animations, route transitions, complex form validations, and more.
-
Learn the latest in React, including Hooks (my favorite part of React!). We build a complete app using Hooks, including multiple custom hooks.
-
Learn state management using the useContext and useReducer hooks, to mimic some of the functionality of Redux.
-
You get tons of detailed handouts and cheatsheets that you can refer back to whenever you need to. Think of this as a React textbook you can study at any point if you get tired of videos.
What you get:
-
250+ videos
-
Slick, interactive slide decks custom made for each section
-
Detailed handouts and cheatsheets, the React “textbook”.
-
Dozens of exercises, projects, and quizzes.
-
One massive code-along project with nearly 20 different React components.
-
Free Webpack Mini Course!
Course Curriculum
Chapter 1: A Taste of React
Lecture 1: Welcome to the Course!
Lecture 2: Join The Community!
Lecture 3: Intro to React
Lecture 4: Is React a Framework or Library?
Lecture 5: Introducing Components!
Lecture 6: Looking at a Large App
Lecture 7: Setting Up Your Server
Lecture 8: Writing Our First Component
Lecture 9: Function Vs. Class Components
Lecture 10: Download All Code, Slides, & Handouts
Chapter 2: Introducing JSX
Lecture 1: Basics Rules of JSX
Lecture 2: How JSX Works Behind the Scenes
Lecture 3: Embedding JavaScript in JSX
Lecture 4: Conditionals in JSX
Lecture 5: Standard React App Layout
Chapter 3: Props and More
Lecture 1: Intro to React Props
Lecture 2: Props are Immutable?
Lecture 3: Other Types of Props
Lecture 4: Pie Chart Component Demo w/ Props
Lecture 5: EXERCISE: Slot Machine
Lecture 6: EXERCISE: Slot Machine Solution
Lecture 7: Looping in JSX
Lecture 8: Adding Default Props
Lecture 9: Styling React
Chapter 4: Introducing Create React App
Lecture 1: Intro to Create React App
Lecture 2: 2 Ways of Installing CRA
Lecture 3: Creating a New App
Lecture 4: Starting Up the Server
Lecture 5: Modules: Import & Export Crash Course
Lecture 6: EXERICSE: Fruits Modules
Lecture 7: EXERCISE: Fruits Modules Solution
Lecture 8: Create React App Conventions
Lecture 9: CSS and Assets in Create React App
Chapter 5: Pokedex Project
Lecture 1: Intro To Pokedex Exercise
Lecture 2: Creating Pokecard Component
Lecture 3: Adding Pokedex Component
Lecture 4: Styling PokeCard and Pokedex
Lecture 5: Adding Fancier Images
Lecture 6: The PokeGame Component
Lecture 7: Styling Pokegame
Chapter 6: Introducing State
Lecture 1: State Goals
Lecture 2: Quick Detour: React Dev Tools
Lecture 3: State in General
Lecture 4: Initializing State
Lecture 5: IMPORTANT! ALTERNATE SYNTAX
Lecture 6: WTF is super() Vs. super(props)
Lecture 7: Setting State Correctly
Lecture 8: Crash Course: Click Events in React
Lecture 9: ALTERNATE SYNTAX PT 2
Lecture 10: EXERCISE: State Clicker
Lecture 11: EXERCISE: State Clicker Solution
Lecture 12: The "State As Props" Design Pattern
Chapter 7: React State Dice Exercise
Lecture 1: Introduction to Dice Exercise
Lecture 2: Writing the Die Component
Lecture 3: Adding the RollDice Component
Lecture 4: Styling RollDice
Lecture 5: Animating Dice Rolls!
Chapter 8: React State Patterns
Lecture 1: Updating Existing State
Lecture 2: Mutating State the Safe Way
Lecture 3: Designing State: Minimizing State
Lecture 4: Designing State: Downward Data Flow
Lecture 5: State Design Example: Lottery
Lecture 6: State Design Example: LottoBall Component
Lecture 7: State Design Example: Lottery Component
Chapter 9: State Exercises!
Lecture 1: State Exercise 1: Coin Flipper
Lecture 2: State Exercise 1: Coin Flipper Solution
Lecture 3: State Exercise 2: Color Boxes
Lecture 4: State Exercise 2: Color Boxes Solution
Chapter 10: The World of React Events
Lecture 1: Commonly Used React Events
Lecture 2: The Joys of Method Binding 🙁
Lecture 3: Alternative Binding With Class Properties
Lecture 4: Binding With Arguments
Lecture 5: Passing Methods to Child Components
Lecture 6: Parent-Child Method Naming
Lecture 7: Quick Detour: React Keys
Chapter 11: Hangman Exercise
Lecture 1: Introducing The Hangman Exercise
Lecture 2: Starter Code Walkthrough
Lecture 3: Adding Keys
Lecture 4: Tracking Incorrect Guesses
Lecture 5: Adding Game Over
Lecture 6: Adding Alt Text
Lecture 7: Randomizing Words
Lecture 8: Adding a Reset Button
Lecture 9: Making the Game Winnable & Styling
Chapter 12: Lights Out Game
Lecture 1: Introducing Lights Out
Lecture 2: Exploring the Starter Code
Lecture 3: Displaying the Game Board
Lecture 4: Flipping Cells
Instructors
-
Colt Steele
Developer and Bootcamp Instructor
Rating Distribution
- 1 stars: 68 votes
- 2 stars: 86 votes
- 3 stars: 376 votes
- 4 stars: 1937 votes
- 5 stars: 5686 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