Email the Author
You can use this page to email A.J. García about Performance Optimized React Applications.
About the Book
This book assumes you have a previous knowledge about web and application development,also some familiarity with React. The book offers some tips and suggestions to better optimise your React applications.
You are going to learn some use of third party libraries and built-in APIs to improve the performance of your React applications.
The content of the book is presented across the following Chapters:
Chapter 1: Performance as a default with Next.js
Chapter 2: Route prefetching in Next.js
Chapter 3: Code splitting with dynamic imports in Next.js
Chapter 4: How AMP can guarantee fastness in your Next.js app
Chapter 5: Get started: optimize your React app
Chapter 6: Code splitting with React.lazy and Suspense
Chapter 7: Virtualize large lists with react-window
Chapter 8: Precaching in Create React App with Workbox
Chapter 9: Pre-render routes with react-snap
Chapter 10: Add a web app manifest with Create React App
Chapter 11: Accessibility auditing with react-axe and eslint-plugin-jsx-a11y
Chapter 12: Speed up navigations in React with Quicklink
Check out other recommended books:
Frontend Developer Interview Questions
---
How do I optimize my React app?
Some ways to optimize the performance of react js apps might include:
- Using Immutable Data Structures.
- Function/Stateless Components and React.
- Multiple Chunk Files.
- Avoid Inline Function Definition in the Render Function.
- Throttling and Debouncing Event Action in JavaScript.
- Avoid using Index as Key for map.
What makes Reactjs performance faster?
Using immutable data is one of the best ways to improve react js apps performance, Immutable data allows you to compare direct object references instead of doing deep-tree comparisons thus making the app really fast.
Can lazy loading make react js apps better optimized ?
In essence, lazy loading means that a component or a part of code must get loaded when it is required. It is also referred to as code splitting and data fetching . Talking about React specifically, it bundles the complete code and deploys all of it at the same time.
What is used in React JS to increase performance?
React. memo() boosts the performance of a React app by avoiding re-rendering components whose props haven't changed or when re-rendering is not needed.
About the Author
I started my coding career back in 2003. Lately I've been involved a lot in Javascript for frontend and the backend.
I would love passing along to you some of the experiences and challenges I've faced over the years.