React / Redux Archives

Most Recent

React / Redux

How to Create a Portrait Mode Only Mobile-First Web App

Some web apps are meant to be used in only one orientation on phones. Here is one way to make a single orientation mobile-first React web app using CSS media queries.

React / Redux

Animate App Components with React Transition Group

Animating app components can improve the user experience, but achieving this in React can be cumbersome. That’s where react-transition-group comes in.

React / Redux

How to Create Your Own React Carousel

Implementing your own carousel in React is not hard, and it can save you from adding more dependencies. There are some recent browser features that can help too.

React / Redux

Creating Type-Safe Paths for Formik Forms

How to create a lightweight wrapper around Formik's useField hook to provide a more type-safe way to specify which field a user input is tied to.

React / Redux

Why I Still Use Redux for Global State Management on React Projects

With the introduction of the context API, Redux may seem pointless. Here are a few reasons why I don't think that's the case.

React / Redux

Embed Version Information in Your Dockerized React App

It's a good idea to have exact version information accessible from within an app you're building. Here's how to make it happen in a React app that's deployed with Docker.

React / Redux

A Pattern for Type-Safe Redux in TypeScript

A clean and type-safe set of Redux state, action creators, reducers, and selectors that provides a high level of confidence things are configured properly.

React / Redux

A Pattern for State Management in React Function Components

How to make a React component independent, notify its parent when its the state changes, and enable the parent to pass down new state at any time.

React / Redux

Better TypeScript Types for Redux Saga’s “Call” Effect

The "call" effect in Redux Saga can't be inferred automatically by TypeScript. Use this type to explicitly infer call effect return types and get the value TypeScript provides.

React / Redux

Maintaining Order with Apollo Query Hooks

Apollo query hooks are an awesome tool to use. Here's how you can use them while still following the rules of React hooks

React / Redux

A Data Provider Pattern Using React Contexts

An example showing a component that uses a React Context to provide data loaded from an API to other components on the page.

React / Redux

React Contexts are Dynamic Scope

In order to better understand Contexts in React, it can help to compare them to dynamic scoping.

React / Redux

Platforms & Languages category

Other Categories

Keep up with our latest posts.