React Quick Start: A Fast Start including React Hooks

Focused View

Jim Cooper

1:05:30

156 View

1. Getting Started With React

1. Course Introduction.mp4

00:59

2. What is React.mp4

01:48

3. Getting Started With React.mp4

02:38

4. Understanding React Bootstrapping.mp4

02:08

5. Understanding ReactDOM.mp4

01:00

6. Understanding React's JSX Syntax.mp4

03:45

7. Assess Your learning.html

2. React Components and Styling

1. React Component Basics.mp4

03:30

2. Styling React Components.mp4

04:07

3. Using CSS Modules with React.mp4

03:59

4. Using SASS to Style React.mp4

01:31

5. Displaying Images with React.mp4

02:03

6. Binding to Data with React.mp4

01:34

7. Passing Data to Components with Props.mp4

03:59

8. Reacting to User Input with Events.mp4

04:53

9. Handling Component State with useState().mp4

03:10

10. Conditionally Rendering Content.mp4

02:37

11. Assess Your Learning.html

3. Routing and Navigation with React Router

1. Routing and Navigation with React Router.mp4

03:44

2. Linking to Routes.mp4

02:44

3. Accessing URL QuerySearch Parameters.mp4

03:29

4. Using Route Parameters.mp4

03:29

5. Assess Your Learning.html

4. Sharing State and Accessing Server APIs

1. Sharing React Component State.mp4

02:53

2. Accessing API Data with useEffect().mp4

05:30

3. Assess Your Learning.html

Description

A quickstart for existing developers new to React. Learn the core React concepts including react hooks.

What You'll Learn?

Create a React application from scratch
Use React's 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 is this for?

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

You don't 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.

More details

Description
A course doesn't have to be long to be effective. 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. 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.

This 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 components
Style your components with css, css modules, and SASS
Display data and images in your components
Share data across components
Manage component state (data which changes over time) with the useState() hook
Respond to user events like mouse clicks
Define and link to URLs, routes and pages
Use URLÂ Query and Route Parameters
Share state (data) across multiple components
Access API data with the fetch() and React's useEffect() 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. 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.
Who this course is for:
This is a FAST-paced course intended for developers who are brand new to React.
You don't 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.

User Reviews

Rating

average 0

Total votes0

Focused display

React

Jim Cooper

Instructor's Courses

25+ years as a full-stack software developer.10+ years as a front-end developer.10+ years as a professional video course author.Hi, I'm Jim Cooper and I'm thrilled to be able to share my passion for front-end development tech with you. I have been publishing video course content on major video training platforms for more than 10 years now and I hope that you'll find that has allowed me to create high-quality content that gets quickly straight to the point and teaches in a relatable and easy to follow way.I've spent the bulk of my career as an in-the-trenches software engineer with a couple of years as a Senior Director of Engineering Practices for Pluralsight where I led an amazing team of Engineering Principals who taught and advocated for sustainable, quality engineering practices. My real passion in recent years, though, has been front-end software development. I've used JavaScript, Angular, and React all professionally and self-taught myself Vue.js which happens to be one of my favorite front-end frameworks.Check out my courses and

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.