All Tutorials

React Quick Start: A Fast Start including React Hooks

React Quick Start: A Fast Start including React Hooks
React Quick Start: A Fast Start including React Hooks

React Quick Start: A Fast Start including React Hooks

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

What you’ll learn

React Quick Start: A Fast Start including React Hooks

  • 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 estate() hook
  • Access API data with the effect() hook
  • Use React Router to define routes and pages (URLs)
  • Link to routes/pages
  • Access URL query/search parameters
  • Define and use route parameters

Requirements

  • 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.

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 that changes over time) with the state() 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 effect() 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 the quick delivery of the most critical information.
  • Non-developers and brand-new developers may find this course too fast-paced.

React Quick Start: A Fast Start including React Hooks

Courser

Get Course Now

Advertisement

Categories