React / Redux Archives

Most Recent

React / Redux

How to Fire an Event-Driven GraphQL Query with Apollo Client for React

If you need to be able to fire a GraphQL query when an event occurs, look no further than Apollo Client’s useLazyQuery hook.

React / Redux

Why You Should Probably Think Twice About Using React.FC

Read about why React.FC can introduce problems to your components and an alternative you can use when making childless components.

React / Redux

How to Rehabilitate an Old React Webapp

Mature React apps built with Redux often suffer from three common kinds of problems. Here's a proven set of techniques to improve them.

React / Redux

Resolving Error: “Objects are not valid as a React child”

React throws an "Objects are not valid as a React child" error when trying to render an object directly. Only render primitives to resolve this error.

React / Redux

Speed Up Development by Replacing Webpack with Vite

With Vite pulled into your next development project, you should have blazing fast server start and HMR, without any complex configuration.

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

Platforms & Languages category

Other Categories

Keep up with our latest posts.