React Fundamentals Quickstart A Fast Start For Developers

Published 11/2022
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz
Language: English | Size: 411.14 MB | Duration: 1h 6m

A thorough quickstart for existing developers new to React. In just over an hour, learn the core React concepts.

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
A working knowledge of HTML and JavaScript is highly recommended.
A basic understanding of CSS is recommended but is not required.
An understanding of specific JavaScript features including: Arrow functions, arrays, and array functions such as map() and filter().
You do NOT have to be a JavaScript, HTML or CSS expert to take this course.
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 componentsStyle your componetns with css, css modules, and SASSDisplay data and images in your componentsShare data across componentsManage component state (data which changes over time) with the useState() hookRespond to user events like mouse clicksDefine and link to URLs, routes and pagesUse URL Query and Route ParametersShare state (data) across multiple componentsAccess API data with the fetch() and React’s useEffect() hookYou’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.


Section 1: Getting Started With React

Lecture 1 Course Introduction

Lecture 2 What is React?

Lecture 3 Getting Started With React

Lecture 4 Understanding React Bootstrapping

Lecture 5 Understanding ReactDOM

Lecture 6 Understanding React’s JSX Syntax

Section 2: React Components and Styling

Lecture 7 React Component Basics

Lecture 8 Styling React Components

Lecture 9 Using CSS Modules with React

Lecture 10 Using SASS to Style React

Lecture 11 Displaying Images with React

Lecture 12 Binding to Data with React

Lecture 13 Passing Data to Components with Props

Lecture 14 Reacting to User Input with Events

Lecture 15 Handling Component State with useState()

Lecture 16 Conditionally Rendering Content

Section 3: Routing and Navigation with React Router

Lecture 17 Routing and Navigation with React Router

Lecture 18 Linking to Routes

Lecture 19 Accessing URL Query/Search Parameters

Lecture 20 Using Route Parameters

Section 4: Sharing State and Accessing Server APIs

Lecture 21 Sharing React Component State

Lecture 22 Accessing API Data with useEffect()

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.






没有账号? 注册  忘记密码?