Category: react

10 Ways to Optimize the Performance of a React App

September 13, 2022 By Mark Otto Off

If you have a small and stable React app and it works well, there is little sense in optimizing it. You need to improve software performance if you have problem areas, your app loads slowly, and it takes approximately 100-140 milliseconds to process events. According…

Generating dynamic video animations with React

September 7, 2022 By Mark Otto 0

▶  Creating F1 Style Graphics with Remotion — Fans of Formula 1 motorracing may recall the ‘stinger’ transition from the 2021 season. The author of Remotion – a library that can generate video from React code – walks through its recreation in what can only be…

Why React contexts are great, but..

August 31, 2022 By Mark Otto 0

Understanding useMemo and useCallback — Many find these hooks confusing. This tutorial takes a crack at what they do exactly, why they’re useful and how to get the most out of them – and all in Josh’s usual highly accessible and engaging style. Josh W. Comeau…

Figuring out why React re-renders

August 24, 2022 By Mark Otto 0

If you missed our note two weeks ago, we just had a week off, so you didn’t miss any issues 🙂 We’re now back every week until Christmas (a mere 123 sleeps away!)__Peter Cooper and Terence C. Gannon, your editors. Why React Re-Renders — The…

AWS’s sweet suite of React components.

August 10, 2022 By Mark Otto 0

☀️ Next week you won’t receive React Status – we’re taking a week off for summer vacation 🙂 We’ll be back, complete with sun tan wind burn, on August 24.__Peter Cooper and Terence C. Gannon, your editors. CSS Animations and Transitions — Join David Khourshid…

One dinosaur that certainly isn’t extinct.

August 3, 2022 By Mark Otto 0

Docusaurus 2.0 Released — If you’ve not used Docusaurus yourself, you’ve almost certainly read sites built with it – it’s everywhere! After four years of effort, version 2.0 of the popular React-powered documentation-focused static site generator (but you could use it for other things) has…

Beautiful maps for React apps

July 27, 2022 By Mark Otto 0

Examples of Larger Production-Grade, Open Source React Apps — “All of the to-do apps are great for starting to learn React, but what about real-life? Let’s see what real production React apps are like.” I see people asking for examples like this every week on…

Reading React’s source code – two takes

July 20, 2022 By Mark Otto 0

Reading React’s Source Code — What better way to get a feel for a project than to dive into the code? Despite being daunted by the process, Alex decided to take a look, focusing mostly on React’s design and the practices employed by React’s developers…

Top React Admin Dashboard Templates

July 13, 2022 By Mark Otto Off

React.js makes it easy to create an interactive UI. Because it’s developed and supported by Facebook, you don’t have to be concerned about its handling of complex code. Also, It has grown as one of the best libraries in recent years for component-based GUI development.…

Were hooks a bad idea?

July 13, 2022 By Mark Otto 0

Updated: Complete React Learning Path — Frontend Masters flagship React courses have been released! Take all our React courses in order, from the new Complete Intro to React v7 and Intermediate React v4 courses, to TypeScript and beyond! Frontend Masters Quick bits: Applying SOLID Principles in…