Learn React for Modern Web Applications

Video description

Nearly 6 Hours of Video Instruction

React is an extremely popular tool for creating websites. It might help to think of it as sort of a halfway point between creating a site using a drag-and-drop editor, such as WordPress and Squarespace, and coding a site line by line by line, literally from scratch. Many companies find it an ideal compromise between these two options, providing the fine-grained control and customization of hand-coded sites with the ease and rapid development speed of drag-and-drop. It can be used in everything from the simplest blogs to the most grueling, tangled e-commerce sites.

This course provides you with a solid foundation in creating modern web applications using the latest version of React. You’ll start by learning basic React syntax and the architecture of a React web application, working your way through progressively more advanced concepts until you reach a deep level of understanding. By the end, you’ll not only have a firm grasp on what it takes to build a full-scale React application, but also the best practices to follow when doing so. This ensures that the end result of any further React-related endeavors will be not only an application that works, but one that is highly performant and maintainable.

Description

React allows developers to create beautiful, performant, easily maintainable websites incredibly quickly. React is currently the most popular JavaScript framework on the market and is used by a majority of companies. In fact, React currently has one of the largest gaps between the number of employers who want it and the number of developers who know it. In short, 33% of employers need React skills, but only 19% of developers said they know React.

In this LiveLessons, Shaun Wassell fills this need by providing a straightforward, comprehensive guide to learning React and all of its latest features. React is currently the most popular front-end JavaScript framework.

Access the companion code for this product at https://github.com/shaunwa/learn-react-livelessons.

About the Instructor

Shaun Wassell's goal is to create a world where people are empowered to use programming as a way to solve meaningful problems—a world where writing code is just as natural for most people as walking or breathing. To help make this a reality, he has dedicated the past few years to helping people learn and master software-development skills through video courses, live training sessions, and one-on-one tutoring. Shaun has been programming since he was a kid, when creating video games was his gateway into the world of software. Since then, he’s been fortunate enough to be a contributing member on many amazing software projects and work with some incredible mentors along the way.

Skill Level

  • Beginning to Intermediate

What You Will Learn

  • Code a full-scale React application
  • Build and deploy this application so that it can be accessed from anywhere
  • Communicate effectively with other React developers by knowing the fundamental concepts of React
  • Recognize good and bad patterns in React code

Explore advanced features, such as:

  • Using context to style websites dynamically
  • Using composition to increase code reuse and flexibility

Who Should Take This Course

  • Software developers, web developers, full-stack developers, front-end developers/engineers

Course Requirements

  • Ideally, learners should know the basics of HTML, CSS, and JavaScript.
  • At the very least, they should have a strong grasp of basic programming concepts: variables, arrays, control-flow, etc.

About Pearson Video Training

Pearson publishes expert-led video tutorials covering a wide selection of technology topics designed to teach you the skills you need to succeed. These professional and personal technology videos feature world-leading author instructors published by your trusted technology brands: Addison-Wesley, Cisco Press, Pearson IT Certification, Prentice Hall, Sams, and Que. Topics include IT Certification, Network Security, Cisco Technology, Programming, Web Development, Mobile Development, and more. Learn more about Pearson Video training at http://www.informit.com/video.

Table of contents

  1. Introduction
    1. Learn React for Modern Web Applications: Introduction
  2. Lesson 1: Learn Basic React Syntax and Concepts
    1. Learning objectives
    2. 1.1 Understand the purpose and benefits of React
    3. 1.2 Create and run a React app
    4. 1.3 Write your first JSX
    5. 1.4 Create React components
    6. 1.5 Pass props to components
    7. 1.6 Render components conditionally
    8. 1.7 Display lists of components
    9. 1.8 Handle Clicks and other events
    10. 1.9 Style components in React
  3. Lesson 2: Learn About State and the Component Lifecycle
    1. Learning objectives
    2. 2.1 Use State in components
    3. 2.2 Decide where to put State
    4. 2.3 Use Lifecycle Events in components
  4. Lesson 3: Learn Routing in React
    1. Learning objectives
    2. 3.1 Install and set up React-Router
    3. 3.2 Use URL parameters and query parameters
    4. 3.3 Implement "not found" pages
    5. 3.4 Redirect with React-Router
    6. 3.5 Navigate programmatically
  5. Lesson 4: Learn Common React Patterns
    1. Learning objectives
    2. 4.1 Create and manage forms in React
    3. 4.2 Build a navigation sidebar
    4. 4.3 Load data and make network requests
    5. 4.4 Use the Children prop
  6. Lesson 5: Learn Class-Based Components
    1. Learning objectives
    2. 5.1 Differentiate between functional and class-based components
    3. 5.2 Use State in class-based components
    4. 5.3 Use Lifecycle Events in class-based components
  7. Lesson 6: Write Clean React Code
    1. Learning objectives
    2. 6.1 Understand the difference between Inheritance and Composition
    3. 6.2 Apply the Single-Responsibility Principle in React
    4. 6.3 Avoid common Anti-Patterns
  8. Lesson 7: Learn Advanced React Topics
    1. Learning objectives
    2. 7.1 Use Context in React
    3. 7.2 Persist Data in React
    4. 7.3 Create Custom React Hooks
    5. 7.4 Learn about other React Boilerplate Options
  9. Lesson 8: Host React Applications
    1. Learning objectives
    2. 8.1 Host a React app on Netlify
    3. 8.2 Host a React app on Amazon S3
    4. 8.3 Host a React app on Firebase Hosting
  10. Summary
    1. Learn React for Modern Web Applications: Summary

Product information

  • Title: Learn React for Modern Web Applications
  • Author(s): Shaun Wassell
  • Release date: August 2020
  • Publisher(s): Addison-Wesley Professional
  • ISBN: 0136784399