by Michele Bertoli | Publisher: Packt Publishing | Release Date: September 2017 | ISBN: 9781788838931

Learn advanced React skillsAbout This VideoDelve into the core patterns and components of React.js in order to master application design.Build high-performing applications by optimizing componentsIn DetailTaking a complete journey through the most valuable design patterns in React, this book demonstrates how to apply design patterns and best practices in real-life situations, on new or already existing projects. It will help you to make your applications more flexible, perform better, and easier to maintain, giving your workflow a huge boost when it comes to speed without reducing quality. We'll begin by understanding the internals of React before gradually moving on to create forms that actually work. Then we'll style React components and optimize them to make applications faster and more responsive. Finally, we'll write tests effectively and you'll learn how to contribute to React and its ecosystem. By the end of the video, you'll know how to avoid a lot of trial-and-error and developmental headaches, and you will be well on the road to becoming a React expert.

1. Chapter 1 : Write Code for the Browser
   • The Course Overview 00:02:49
   • Forms 00:12:38
   • Events 00:04:25
   • Refs 00:04:48
   • Animations 00:05:16
   • Scalable Vector Graphics 00:03:43
2. Chapter 2 : Make Your Components Look Beautiful
   • Inline Styles 00:09:07
   • Radium 00:05:30
   • CSS Modules 00:15:06
   • Styled Components 00:03:39
3. Chapter 3 : Server-Side Rendering for Fun and Profit
   • Universal Applications 00:02:00
   • Reasons to Implement Server-Side Rendering 00:03:01
   • A Basic Example 00:08:54
   • A Data Fetching Example 00:04:30
   • Next.js 00:04:42
4. Chapter 4 : About Testing and Debugging
   • The Benefits Of Testing 00:03:33
   • Painless JavaScript Testing with Jest 00:12:21
   • Mocha is a Flexible Testing Framework 00:05:51
   • JavaScript Testing Utilities for React 00:04:35
   • A Real-World Testing Example 00:10:04
   • React Tree Snapshot Testing 00:03:08
   • Code Coverage Tools 00:03:23
   • Common Testing Solutions 00:11:31
   • React Dev Tools 00:01:05
   • Error Handling with React 00:04:20
5. Chapter 5 : Anti-Patterns to Be Avoided
   • Initializing the State Using Props 00:04:10
   • Mutating the State 00:04:38
   • Using Indexes as a Key 00:04:32
6. Chapter 6 : Next Steps
   • Contributing to React 00:05:10
   • Distributing Your Code 00:06:43
   • Publishing a npm Package 00:04:31