React / Redux Archives

Most Recent

React / Redux

How to Customize Styles in Material UI Components

Material UI is great for out-of-the-box components, while the className and classes props are useful for reaching into different levels of an MUI component.

React / Redux

Choosing the Best Form Library for Your React Project

The form library you choose to use for your project should depend on your application and how your form fits into it. My choice? React Hook Form.

React / Redux

Using React Grid System for Responsive Web Apps

Utilizing a library like React Grid System allows us to easily create and style responsive web apps for many screen sizes.

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

Platforms & Languages category

Other Categories

Keep up with our latest posts.