From React Hooks in Action by John Larsen
Some of our React components are super-friendly, reaching out to say “hi” to APIs and services outside of React. Although they’re eternally optimistic and like to think the best of all those they meet, there are some safeguards to be followed. In this article, we’ll look at setting up side effects in ways that won’t get out of hand. In particular, we’ll explore these four scenarios:
§ Running side effects after every render
§ Running an effect only when a component mounts
§ Cleaning up side effects by returning a function
§ Controlling when an effect runs by specifying dependencies
To focus on the API we’ll create some easy component examples. First up, let’s say “Bonjour, les side-effects.”
From React Hooks in Action by John Larsen
From Next.js in Action by Adam Boduch
From React Native in Action by Nader Dabit
This article goes deep into styling with React Native and Flexbox.
From React Native in Action by Nader Dabit
This article discusses organizing styles in React Native within components
From React in Action by Mark T. Thomas
This article is about Flux application architecture and where Redux fits in.
From Isomorphic Web Applications by Elyse Kolker Gordon
This article, adapted from chapter 11 of Isomorphic Web Applications, discusses caching and its importance as a server performance tool.
From Redux in Action by Marc Garreau and Will Faurot
In this article, we’ll talk about a few areas where the Redux developer tools can provide better insight into an application, save valuable developer hours, and make for a more enjoyable day on the job.
B
From Isomorphic Web Applications by Elyse Kolker Gordon
This article, excerpted from chapter 4 of Isomorphic Web Applications: Universal Development with React
From Redux in Action by Marc Garreau and Will Faurot
If you’re interested in Redux, but don’t know a lot about it, this article gives an introduction to Redux and what it does in web development.