Tag

react

Managing Component State with the useState Hook

From React Hooks in Action by John Larsen

If you’re building React apps, then you’re expecting the data your app uses to change over time. Whether it’s fully server-rendered, a mobile app or all in a browser, your application’s user interface should represent the current data or state at the time of rendering. Sometimes multiple components throughout the app will use the data, and sometimes a component doesn’t need to share its secrets and can manage its own state without the help of mammoth, application-wide state-store behemoths. In this article, we’ll keep it personal and concentrate on components taking care of themselves, without regard for other components around them.

Exploring the useEffect API with Easy Examples

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.”

Becoming a More Effective React Developer

From React Hooks in Action by John Larsen

Server-Rendered Web Apps with React and Next.js

From Next.js in Action by Adam Boduch

In-Depth Styling with React Native and Flexbox

From React Native in Action by Nader Dabit

This article goes deep into styling with React Native and Flexbox.

Applying and Organizing Styles in React Native

From React Native in Action by Nader Dabit

This article discusses organizing styles in React Native within components

Flux Application Architecture and React

 

From React in Action by Mark T. Thomas

This article is about Flux application architecture and where Redux fits in.

Caching in React

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.

Debugging Redux Applications

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.

The React Component Lifecycle

B

From Isomorphic Web Applications by Elyse Kolker Gordon

This article, excerpted from chapter 4 of Isomorphic Web Applications: Universal Development with React

© 2020 Manning — Design Credits