Advanced Design Patterns with React [Video]

Preview in Mapt

Advanced Design Patterns with React [Video]

Michele Bertoli

Learn advanced React skills

Quick links: > What will you learn?> Table of content

Video
$5.00
RRP $124.99
Save 95%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$5.00
RRP $124.99

Frequently bought together


Advanced Design Patterns with React [Video] Book Cover
Advanced Design Patterns with React [Video]
$ 124.99
$ 5.00
Building Web Apps with Spring 5 and React [Video] Book Cover
Building Web Apps with Spring 5 and React [Video]
$ 124.99
$ 5.00
Buy 2 for $10.00
Save $239.98
Add to Cart

Video Details

ISBN 139781788838931
Course Length2 hours 59 minutes

Video Description

Taking 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.

Style and Approach

This video is packed with easy-to-follow examples that can be used to create reusable code and extensible designs

Table of Contents

Write Code for the Browser
The Course Overview
Forms
Events
Refs
Animations
Scalable Vector Graphics
Make Your Components Look Beautiful
Inline Styles
Radium
CSS Modules
Styled Components
Server-Side Rendering for Fun and Profit
Universal Applications
Reasons to Implement Server-Side Rendering
A Basic Example
A Data Fetching Example
Next.js
About Testing and Debugging
The Benefits Of Testing
Painless JavaScript Testing with Jest
Mocha is a Flexible Testing Framework
JavaScript Testing Utilities for React
A Real-World Testing Example
React Tree Snapshot Testing
Code Coverage Tools
Common Testing Solutions
React Dev Tools
Error Handling with React
Anti-Patterns to Be Avoided
Initializing the State Using Props
Mutating the State
Using Indexes as a Key
Next Steps
Contributing to React
Distributing Your Code
Publishing a npm Package

What You Will Learn

  • Choose the right styling approach according to the needs of the applications
  • Use server-side rendering to make applications load faster
  • Build high-performing applications by optimizing components

Authors

Table of Contents

Write Code for the Browser
The Course Overview
Forms
Events
Refs
Animations
Scalable Vector Graphics
Make Your Components Look Beautiful
Inline Styles
Radium
CSS Modules
Styled Components
Server-Side Rendering for Fun and Profit
Universal Applications
Reasons to Implement Server-Side Rendering
A Basic Example
A Data Fetching Example
Next.js
About Testing and Debugging
The Benefits Of Testing
Painless JavaScript Testing with Jest
Mocha is a Flexible Testing Framework
JavaScript Testing Utilities for React
A Real-World Testing Example
React Tree Snapshot Testing
Code Coverage Tools
Common Testing Solutions
React Dev Tools
Error Handling with React
Anti-Patterns to Be Avoided
Initializing the State Using Props
Mutating the State
Using Indexes as a Key
Next Steps
Contributing to React
Distributing Your Code
Publishing a npm Package

Video Details

ISBN 139781788838931
Course Length2 hours 59 minutes
Read More

Read More Reviews

Recommended for You

Building Web Apps with Spring 5 and React [Video] Book Cover
Building Web Apps with Spring 5 and React [Video]
$ 124.99
$ 5.00
React Design Patterns for Beginners [Video] Book Cover
React Design Patterns for Beginners [Video]
$ 124.99
$ 5.00
Create Apps in MATLAB with App Designer (Codes Included) [Video] Book Cover
Create Apps in MATLAB with App Designer (Codes Included) [Video]
$ 24.99
$ 5.00
Advanced Deep Learning with Keras [Video] Book Cover
Advanced Deep Learning with Keras [Video]
$ 124.99
$ 5.00
Advanced Analytics with R and Tableau [Video] Book Cover
Advanced Analytics with R and Tableau [Video]
$ 124.99
$ 5.00
Design Patterns and Best Practices in Java EE 8 [Video] Book Cover
Design Patterns and Best Practices in Java EE 8 [Video]
$ 124.99
$ 5.00