You're reading from React Design Patterns and Best Practices Build easy to scale modular applications using the most powerful components and design patterns

Product type Paperback

Published in Jan 2017

Publisher Packt

ISBN-13 9781786464538

Length 318 pages

Edition 1st Edition

Languages

JavaScript

Tools

React

Concepts

Design Patterns

Author (1):

Michele Bertoli

View More author details

Table of Contents (13) Chapters

Preface

What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support

1. Everything You Should Know About React FREE CHAPTER

Declarative programming
React elements
Unlearning everything
Common misconceptions
Summary

2. Clean Up Your Code

JSX
ESLint
The basics of functional programming
Summary

3. Create Truly Reusable Components

Creating classes
The state
Prop types
Reusable components
Living style guides
Summary

4. Compose All the Things

Communication between components
Container and Presentational pattern
Mixins
Higher-order Components
Recompose
Function as Child
Summary

5. Proper Data Fetching

Data flow
Data fetching
React-refetch
Summary

6. Write Code for the Browser

Forms
Events
Refs
Animations
Scalable Vector Graphics
Summary

7. Make Your Components Look Beautiful

CSS in JS
Inline styles
Radium
CSS Modules
Styled Components
Summary

8. Server-Side Rendering for Fun and Profit

Universal applications
Reasons to implement Server-Side Rendering
A basic example
A data fetching example
Next.js
Summary

9. Improve the Performance of Your Applications

Reconciliation and keys
Optimization techniques
Common solutions
Tools and libraries
Summary

10. 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
Summary

11. Anti-Patterns to Be Avoided

Initializing the state using props
Mutating the state
Using indexes as a key
Spreading props on DOM elements
Summary

12. Next Steps

Contributing to React
Distributing your code
Publishing a npm package
Summary

Who this book is for

If you want to increase your understanding of React and apply it to real-life application development, this book is for you.

The rest of the chapter is locked

You're reading from React Design Patterns and Best Practices Build easy to scale modular applications using the most powerful components and design patterns

Table of Contents (13) Chapters

Who this book is for

Authors (1)

Other recommended products

Personalised recommendations for you

You're reading from React Design Patterns and Best Practices Build easy to scale modular applications using the most powerful components and design patterns

Table of Contents (13) Chapters

Who this book is for

Unlock this book and the full library FREE for 7 days

Authors (1)

Other recommended products

Personalised recommendations for you