Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Learning Hub

Free Learning

React Design Patterns and Best Practices: Design, build and deploy production-ready web applications using standard industry practices , Second Edition

€18.99 per month

4.5 (8 Ratings)

Paperback Mar 2019 350 pages 2nd Edition

€18.99 per month

Paperback Mar 2019 350 pages 2nd Edition

What do you get with a Packt Subscription?

Free for first 7 days. $19.99 p/m after that. Cancel any time!

Unlimited ad-free access to the largest independent learning library in tech. Access this title and thousands more!

50+ new titles added per month, including many first-to-market concepts and exclusive early access to books as they are being written.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

Thousands of reference materials covering every tech concept you need to stay up to date.

Subscribe now

View plans & pricing

View table of contents

Preview Book

Download Code

Key benefits

Get familiar with design patterns in React like Render props and Controlled/uncontrolled inputs
Learn about class/ functional, style and high order components with React
Work through examples that can be used to create reusable code and extensible designs

Description

React is an adaptable JavaScript library for building complex UIs from small, detached bits called components. This book is designed to take you through the most valuable design patterns in React, helping you learn how to apply design patterns and best practices in real-life situations. You’ll get started by understanding the internals of React, in addition to covering Babel 7 and Create React App 2.0, which will help you write clean and maintainable code. To build on your skills, you will focus on concepts such as class components, stateless components, and pure components. You'll learn about new React features, such as the context API and React Hooks that will enable you to build components, which will be reusable across your applications. The book will then provide insights into the techniques of styling React components and optimizing them to make applications faster and more responsive. In the concluding chapters, you’ll discover ways to write tests more effectively and learn how to contribute to React and its ecosystem. By the end of this book, you will be equipped with the skills you need to tackle any developmental setbacks when working with React. You’ll be able to make your applications more flexible, efficient, and easy to maintain, thereby giving your workflow a boost when it comes to speed, without reducing quality.

Who is this book for?

This book is for web developers who want to increase their understanding of React and apply it to real-life application development. Prior experience with React and JavaScript is assumed.

What you will learn

Get familiar with the new React features,like context API and React Hooks
Learn the techniques of styling and optimizing React components
Make components communicate with each other by applying consolidate patterns
Use server-side rendering to make applications load faster
Write a comprehensive set of tests to create robust and maintainable code
Build high-performing applications by optimizing components

What do you get with a Packt Subscription?

Free for first 7 days. $19.99 p/m after that. Cancel any time!

Unlimited ad-free access to the largest independent learning library in tech. Access this title and thousands more!

50+ new titles added per month, including many first-to-market concepts and exclusive early access to books as they are being written.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

Thousands of reference materials covering every tech concept you need to stay up to date.

Subscribe now

View plans & pricing

Product Details

Publication date : Mar 30, 2019

Length: 350 pages

Edition : 2nd

Language : English

ISBN-13 : 9781789530179

Vendor :

Facebook

Category :

Web Development

Languages :

JavaScript

Concepts :

Design Patterns

Tools :

React

Frequently bought together

React Design Patterns and Best Practices

Mar 2019 350 pages

4.5 (8)

eBook

€17.99 ~~€26.99~~

Mastering React Test-Driven Development

May 2019 496 pages

4.6 (12)

eBook

€23.99 ~~€34.99~~

React Material-UI Cookbook

Mar 2019 534 pages

3.5 (6)

eBook

€17.99 ~~€26.99~~

Total € 109.97

€32.99

€43.99

€32.99

Total € 109.97

18 Chapters

Section 1: Hello React!

Taking Your First Steps with React

Declarative programming

React elements

Unlearning everything

Common misconceptions

Summary

Clean Up Your Code

JSX

Code style

The basics of functional programming

Summary

Section 2: How React works

Creating Truly Reusable Components

Compose All the Things

Communication between components

The container and presentational pattern

Mixins

Higher order components

Proper Data Fetching

Write Code for the Browser

Scalable Vector Graphics

Summary

Section 3: Performance, Improvements and Production!

Make Your Components Look Beautiful

Server-Side Rendering for Fun and Profit

Universal applications

Reasons to implement SSR

A basic example

A data fetching example

Next.js

Summary

Improve the Performance of Your Applications

Reconciliation

Keys

Optimization techniques

Common solutions

Tools and libraries

Summary

About Testing and Debugging

The benefits of testing

Painless JavaScript testing with Jest

React Router

Installation and configuration

Creating our sections

Adding parameters to the routes

Summary

Anti-Patterns to be Avoided

Initializing the state using properties

Mutating the state

Using indexes as a key

Spreading properties on DOM elements

Summary

Deploying to Production

Creating our first Digital Ocean Droplet

Configuring nginx, PM2, and a domain

Implementing CircleCI for continuous integration

Summary

Next Steps

Contributing to React

Distributing your code

Publishing an npm package

Summary

Other Books You May Enjoy

Leave a review - let other readers know what you think

Recommendations for you

Web Development with Blazor

Apr 2024 366 pages

4 (17)

eBook

€20.98 ~~€29.99~~

Blazor Web Development Cookbook

Nov 2024 282 pages

eBook

React and React Native

Apr 2024 508 pages

4.3 (9)

eBook

€17.99 ~~€26.99~~

C# 13 and .NET 9 – Modern Cross-Platform Development Fundamentals

Nov 2024 828 pages

eBook

€17.99 ~~€26.99~~

Responsive Web Design with HTML5 and CSS

Sep 2022 498 pages

4.5 (57)

eBook

€17.99 ~~€26.99~~

Building Production-Grade Web Applications with Supabase

Aug 2024 534 pages

4.3 (8)

eBook

€15.99 ~~€23.99~~

Django 5 By Example

Apr 2024 820 pages

4.5 (35)

eBook

€17.98 ~~€29.99~~

C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals

Nov 2023 828 pages

4.4 (72)

eBook

€24.99 ~~€35.99~~

Implementing Event-Driven Microservices Architecture in .NET 7

Mar 2023 326 pages

4.5 (16)

eBook

€17.99 ~~€26.99~~

Building Python Microservices with FastAPI

Aug 2022 420 pages

3.9 (9)

eBook

€19.99 ~~€28.99~~

People who bought this also bought

Building Python Microservices with FastAPI

Aug 2022 420 pages

3.9 (9)

eBook

€19.99 ~~€28.99~~

React and React Native

May 2022 606 pages

4.6 (17)

eBook

€20.98 ~~€29.99~~

Responsive Web Design with HTML5 and CSS

Sep 2022 498 pages

4.5 (57)

eBook

€17.99 ~~€26.99~~

C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals

Nov 2023 828 pages

4.4 (72)

eBook

€24.99 ~~€35.99~~

C# 11 and .NET 7 – Modern Cross-Platform Development Fundamentals

Nov 2022 818 pages

4.1 (54)

eBook

€20.98 ~~€29.99~~

FAQs

What is included in a Packt subscription?

A subscription provides you with full access to view all Packt and licnesed content online, this includes exclusive access to Early Access titles. Depending on the tier chosen you can also earn credits and discounts to use for owning content

How can I cancel my subscription?

To cancel your subscription with us simply go to the account page - found in the top right of the page or at https://subscription.packtpub.com/my-account/subscription - From here you will see the ‘cancel subscription’ button in the grey box with your subscription information in.

What are credits?

Credits can be earned from reading 40 section of any title within the payment cycle - a month starting from the day of subscription payment. You also earn a Credit every month if you subscribe to our annual or 18 month plans. Credits can be used to buy books DRM free, the same way that you would pay for a book. Your credits can be found in the subscription homepage - subscription.packtpub.com - clicking on ‘the my’ library dropdown and selecting ‘credits’.

What happens if an Early Access Course is cancelled?

Projects are rarely cancelled, but sometimes it's unavoidable. If an Early Access course is cancelled or excessively delayed, you can exchange your purchase for another course. For further details, please contact us here.

Where can I send feedback about an Early Access title?

If you have any feedback about the product you're reading, or Early Access in general, then please fill out a contact form here and we'll make sure the feedback gets to the right team.

Can I download the code files for Early Access titles?

We try to ensure that all books in Early Access have code available to use, download, and fork on GitHub. This helps us be more agile in the development of the book, and helps keep the often changing code base of new versions and new technologies as up to date as possible. Unfortunately, however, there will be rare cases when it is not possible for us to have downloadable code samples available until publication.

When we publish the book, the code files will also be available to download from the Packt website.

How accurate is the publication date?

The publication date is as accurate as we can be at any point in the project. Unfortunately, delays can happen. Often those delays are out of our control, such as changes to the technology code base or delays in the tech release. We do our best to give you an accurate estimate of the publication date at any given time, and as more chapters are delivered, the more accurate the delivery date will become.

How will I know when new chapters are ready?

We'll let you know every time there has been an update to a course that you've bought in Early Access. You'll get an email to let you know there has been a new chapter, or a change to a previous chapter. The new chapters are automatically added to your account, so you can also check back there any time you're ready and download or read them online.

I am a Packt subscriber, do I get Early Access?

Yes, all Early Access content is fully available through your subscription. You will need to have a paid for or active trial subscription in order to access all titles.

How is Early Access delivered?

Early Access is currently only available as a PDF or through our online reader. As we make changes or add new chapters, the files in your Packt account will be updated so you can download them again or view them online immediately.

How do I buy Early Access content?

Early Access is a way of us getting our content to you quicker, but the method of buying the Early Access course is still the same. Just find the course you want to buy, go through the check-out steps, and you’ll get a confirmation email from us with information and a link to the relevant Early Access courses.

What is Early Access?

Keeping up to date with the latest technology is difficult; new versions, new frameworks, new techniques. This feature gives you a head-start to our content, as it's being created. With Early Access you'll receive each chapter as it's written, and get regular updates throughout the product's development, as well as the final course as soon as it's ready.We created Early Access as a means of giving you the information you need, as soon as it's available. As we go through the process of developing a course, 99% of it can be ready but we can't publish until that last 1% falls in to place. Early Access helps to unlock the potential of our content early, to help you start your learning when you need it most. You not only get access to every chapter as it's delivered, edited, and updated, but you'll also get the finalized, DRM-free product to download in any format you want when it's published. As a member of Packt, you'll also be eligible for our exclusive offers, including a free course every day, and discounts on new and popular titles.

React Design Patterns and Best Practices: Design, build and deploy production-ready web applications using standard industry practices , Second Edition

What do you get with a Packt Subscription?