React Crash Course Including React Hooks

React Crash Course Including React Hooks, available at $54.99, has an average rating of 4.25, with 22 lectures, 4 quizzes, based on 27 reviews, and has 1145 subscribers.

You will learn about Create a React application from scratch Use Reacts JSX syntax Create React components Communicate between components Style React components with CSS in JS, CSS classes, CSS modules, and SASS Display images in React components Bind to data in React components Handle user input with events Manage component state with the useState() hook Access API data with the useEffect() hook Use React Router to define routes and pages (URLs) Link to routes/pages Access URL query/search parameters Define and use route parameters This course is ideal for individuals who are This is a FAST-paced course intended for developers who are brand new to React. or You dont need to be an expert developer to learn React from this course, but brand new developers may find it too fast-paced. or Experienced developers will love the fast pace and focus on quick delivery of the most critical information. or Non-developers and brand new developers may find this course too fast paced. It is particularly useful for This is a FAST-paced course intended for developers who are brand new to React. or You dont need to be an expert developer to learn React from this course, but brand new developers may find it too fast-paced. or Experienced developers will love the fast pace and focus on quick delivery of the most critical information. or Non-developers and brand new developers may find this course too fast paced.

Enroll now: React Crash Course Including React Hooks

Summary

Title: React Crash Course Including React Hooks

Price: $54.99

Average Rating: 4.25

Number of Lectures: 22

Number of Quizzes: 4

Number of Published Lectures: 22

Number of Published Quizzes: 4

Number of Curriculum Items: 26

Number of Published Curriculum Objects: 26

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Create a React application from scratch

Use Reacts JSX syntax

Create React components

Communicate between components

Style React components with CSS in JS, CSS classes, CSS modules, and SASS

Display images in React components

Bind to data in React components

Handle user input with events

Manage component state with the useState() hook

Access API data with the useEffect() hook

Use React Router to define routes and pages (URLs)

Link to routes/pages

Access URL query/search parameters

Define and use route parameters

Who Should Attend

This is a FAST-paced course intended for developers who are brand new to React.

You dont need to be an expert developer to learn React from this course, but brand new developers may find it too fast-paced.

Experienced developers will love the fast pace and focus on quick delivery of the most critical information.

Non-developers and brand new developers may find this course too fast paced.

Target Audiences

This is a FAST-paced course intended for developers who are brand new to React.

You dont need to be an expert developer to learn React from this course, but brand new developers may find it too fast-paced.

Experienced developers will love the fast pace and focus on quick delivery of the most critical information.

Non-developers and brand new developers may find this course too fast paced.

Welcome to my React Crash Course Including React Hooks, your quick start guide on how to create React applications.

My name is Jim Cooper and I am an experienced video course author with more than 25 years of software engineering experience and 10 years of experience creating technical, front-end development learning content. In this course, I will walk you through building a React application from scratch.

By the end of this course, you will be able to create a new React application from scratch using create-react-app and understand key React JS terminology including ReactDOM and React JSX syntax.

This course skips over the boring introductions and summaries and quickly demonstrates, in code, how to create React applications. This is a particularly helpful format for experienced developers who are wanting to learn React.

This React crash course begins by teaching you how to create a new React application from scratch using create-react-app, including an introduction to how the plumbing of how a React app is bootstrapped. You’ll learn what react is, how it uses ReactDOM to efficiently render content, and the important parts of React’s unique JSX syntax.

In addition, you’ll learn how to:

Create your own React JS components

Style your React components with css, css modules, and SASS

Display data and images in your React components

Share data across React components

Manage React component state (data which changes over time) with the useState() React hook

Respond to user events including mouse clicks

Define and link to URLs, routes and pages

Use URL Query and Route Parameters

Share state (data) across multiple React components

Access API data with the fetch() and useEffect() React hook

You’ll learn all this and more as we build an e-commerce website that’s both interesting and relevant to modern web development in this React Crash Course. The application built can be accessed on Github and the Github repo contains a checkpoint for each video in the course, so you can easily explore the application at any given point in the course.

You can apply the knowledge you learn in this course in your career as a React JS developer to sharpen your skills and stand out in today’s competitive job market.

With all of that in mind, I hope to see you inside!

Course Curriculum

Chapter 1: Getting Started With React

Lecture 1: Course Introduction

Lecture 2: What is ReactJS?

Lecture 3: Get Started With React

Lecture 4: Exploring the React App Startup Process

Lecture 5: Exploring ReactDOM in React

Lecture 6: Exploring JSX Syntax in React

Chapter 2: React Components and Styling

Lecture 1: React Component Basics: A Guide for beginners

Lecture 2: Styling React Components

Lecture 3: How to Use CSS Modules with React for Better Component Styling

Lecture 4: Styling React With SAAS

Lecture 5: Displaying Images In React

Lecture 6: Binding To Data In React

Lecture 7: How to Pass Data to React Components with Props

Lecture 8: Handling Events in React

Lecture 9: Handling State in React with the useState Hook

Lecture 10: Conditional Rendering In React

Chapter 3: Routing and Navigation with React Router

Lecture 1: React Routing and Navigation

Lecture 2: How To Link To Routes: React Router For Beginners

Lecture 3: How to Access Query Parameters with React Router

Lecture 4: How to Use Route Parameters in React Router

Chapter 4: Sharing State and Accessing Server APIs

Lecture 1: How to Share Component State in React

Lecture 2: Accessing API Data With The useEffect Hook

Instructors

Jim Cooper
Software Engineer and Video Course Author

Rating Distribution

1 stars: 1 votes

2 stars: 2 votes

3 stars: 1 votes

4 stars: 5 votes

5 stars: 18 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!