React: Components, Context, and Accessibility

React: Components, Context, and Accessibility

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1h 12m | 218 MB

Once you’ve mastered the foundations of the React framework and its supporting architecture, you can start taking advantage of more sophisticated features that enable faster and more accessible applications. In this course, learn about the enhancements found in React 16 and how to leverage key features to build better React apps. Explore advanced components and patterns that can help you structure your applications more cleanly. Instructor Eve Porcello also shows how to use the context API, build accessible semantic content, and more.

Topics include:

  • What’s new in React 16
  • Rendering arrays
  • Controlled, uncontrolled, and compound components
  • Using keyed fragments
  • Working with new lifecycle methods
  • React patterns
  • Using the context API
  • Checking for accessibility issues in your React code
Table of Contents

Introduction
1 Welcome
2 What you should know before watching this course
3 Using the exercise files

What s New in React
4 What s new in React 16
5 Rendering arrays
6 setState changes

Advanced Components
7 Compound components
8 Uncontrolled components
9 Controlled components

Enhanced Components
10 Working with fragments
11 Using keyed fragments
12 New component lifecycle

React Patterns
13 Understanding the context API
14 Using context
15 Referencing context in stateless functional components
16 Working with higher-order components
17 Working with render props
18 Render props in the wild – React Apollo

React Accessibility
19 Web accessibility overview
20 Viewing React accessibility warnings
21 Using semantic HTML
22 WAI-ARIA roles
23 Accessibility testing

Conclusion
24 Next steps