Learn React for Modern Web Applications LiveLessons

Learn React for Modern Web Applications LiveLessons

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 4h 24m | 3.67 GB

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. Youll 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, youll 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.

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.

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
Table of Contents

1 Learn React for Modern Web Applications – Introduction
2 Learning objectives
3 1.1 Understand the purpose and benefits of React
4 1.2 Create and run a React app
5 1.3 Write your first JSX
6 1.4 Create React components
7 1.5 Pass props to components
8 1.6 Render components conditionally
9 1.7 Display lists of components
10 1.8 Handle Clicks and other events
11 1.9 Style components in React
12 Learning objectives
13 2.1 Use State in components
14 2.2 Decide where to put State
15 2.3 Use Lifecycle Events in components
16 Learning objectives
17 3.1 Install and set up React-Router
18 3.2 Use URL parameters and query parameters
19 3.3 Implement ‘not found’ pages
20 3.4 Redirect with React-Router
21 3.5 Navigate programmatically
22 Learning objectives
23 4.1 Create and manage forms in React
24 4.2 Build a navigation sidebar
25 4.3 Load data and make network requests
26 4.4 Use the Children prop
27 Learning objectives
28 5.1 Differentiate between functional and class-based components
29 5.2 Use State in class-based components
30 5.3 Use Lifecycle Events in class-based components
31 Learning objectives
32 6.1 Understand the difference between Inheritance and Composition
33 6.2 Apply the Single-Responsibility Principle in React
34 6.3 Avoid common Anti-Patterns
35 Learning objectives
36 7.1 Use Context in React
37 7.2 Persist Data in React
38 7.3 Create Custom React Hooks
39 7.4 Learn about other React Boilerplate Options
40 Learning objectives
41 8.1 Host a React app on Netlify
42 8.2 Host a React app on Amazon S3
43 8.3 Host a React app on Firebase Hosting
44 Learn React for Modern Web Applications – Summary