React: Components, Context, and Accessibility

Learn about key enhancements to React and how to leverage advanced components, use the context API, and create more accessible code.

Introduction

• Welcome
• What you should know before watching this course
• Using the exercise files

1. What’s New in React

• What's new in React
• Rendering arrays
• setState() changes

2. Advanced Components

• Compound components
• Uncontrolled components
• Controlled components

3. Enhanced Components

• Working with fragments
• Using keyed fragments
• New component lifecycle

4. React Patterns

• Understanding the context API
• Using context
• Referencing context in stateless functional components
• Working with higher-order components
• Working with render props
• Render props in the wild: React Apollo

5. React Accessibility

• Web accessibility overview
• Viewing React accessibility warnings
• Using semantic HTML
• WAI-ARIA roles
• Accessibility testing

Conclusion

• Next steps