Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying React Design Patterns and Best Practices
  • Table Of Contents Toc
  • Feedback & Rating feedback
React Design Patterns and Best Practices

React Design Patterns and Best Practices

By : Michele Bertoli
4 (8)
Buy this Book
close
close
React Design Patterns and Best Practices

React Design Patterns and Best Practices

4 (8)
By: Michele Bertoli
Buy this Book

Overview of this book

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, whether that’s for 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 writing clean and maintainable code. We’ll build components that are reusable across the application, structure applications, and 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 book, you’ll be saved from a lot of trial and error and developmental headaches, and you will be on the road to becoming a React expert.
Table of Contents (19 chapters)
close
close
close
React Design Patterns and Best Practices
chevron up
Icon
React Design Patterns and Best Practices
Credits
Icon
Credits
About the Author
Icon
About the Author
About the Reviewer
Icon
About the Reviewer
www.PacktPub.com
Icon
www.PacktPub.com
Customer Feedback
Icon
Customer Feedback
Preface
Icon
Preface
Free Chapter
1
Everything You Should Know About React
Icon
Everything You Should Know About React
Icon
Declarative programming
Icon
React elements
Icon
Unlearning everything
Icon
Common misconceptions
Icon
Summary
2
Clean Up Your Code
Icon
Clean Up Your Code
Icon
JSX
Icon
ESLint
Icon
The basics of functional programming
Icon
Summary
3
Create Truly Reusable Components
Icon
Create Truly Reusable Components
Icon
Creating classes
Icon
The state
Icon
Prop types
Icon
Reusable components
Icon
Living style guides
Icon
Summary
4
Compose All the Things
Icon
Compose All the Things
Icon
Communication between components
Icon
Container and Presentational pattern
Icon
Mixins
Icon
Higher-order Components
Icon
Recompose
Icon
Function as Child
Icon
Summary
5
Proper Data Fetching
Icon
Proper Data Fetching
Icon
Data flow
Icon
Data fetching
Icon
React-refetch
Icon
Summary
6
Write Code for the Browser
Icon
Write Code for the Browser
Icon
Forms
Icon
Events
Icon
Refs
Icon
Animations
Icon
Scalable Vector Graphics
Icon
Summary
7
Make Your Components Look Beautiful
Icon
Make Your Components Look Beautiful
Icon
CSS in JS
Icon
Inline styles
Icon
Radium
Icon
CSS Modules
Icon
Styled Components
Icon
Summary
8
Server-Side Rendering for Fun and Profit
Icon
Server-Side Rendering for Fun and Profit
Icon
Universal applications
Icon
Reasons to implement Server-Side Rendering
Icon
A basic example
Icon
A data fetching example
Icon
Next.js
Icon
Summary
9
Improve the Performance of Your Applications
Icon
Improve the Performance of Your Applications
Icon
Reconciliation and keys
Icon
Optimization techniques
Icon
Common solutions
Icon
Tools and libraries
Icon
Summary
10
About Testing and Debugging
Icon
About Testing and Debugging
Icon
The benefits of testing
Icon
Painless JavaScript testing with Jest
Icon
Mocha is a flexible testing framework
Icon
JavaScript testing utilities for React
Icon
A real-world testing example
Icon
React tree Snapshot Testing
Icon
Code coverage tools
Icon
Common testing solutions
Icon
React Dev Tools
Icon
Error handling with React
Icon
Summary
11
Anti-Patterns to Be Avoided
Icon
Anti-Patterns to Be Avoided
Icon
Initializing the state using props
Icon
Mutating the state
Icon
Using indexes as a key
Icon
Spreading props on DOM elements
Icon
Summary
12
Next Steps
Icon
Next Steps
Icon
Contributing to React
Icon
Distributing your code
Icon
Publishing a npm package
Icon
Summary

React Design Patterns and Best Practices

Copyright © 2017 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

First published: January 2017

Production reference: 1100117

Published by Packt Publishing Ltd.

Livery Place

35 Livery Street

Birmingham 

B32PB, UK.

ISBN 978-1-78646-453-8

www.packtpub.com

Limited Time Offer

$10p/m for 3 months

Get online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech and supported with AI assistants
Claim Now Or Sign In
Next Chapter
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options
font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon

Create a Note

Modal Close icon
You need to login to use this feature.

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note