Atomic Object Show Nav
Close Menu
< Blog Home
Atomic Object
  • AI Software Development
  • New Product Development
  • Product Enhancement
  • Product Modernization
  • Web App
  • Mobile App
  • IoT Software
  • Desktop App
  • Cloud
  • Healthcare
  • Financial Services
  • Education
  • Insurance
  • See more...
Portfolio
Team
Culture
Contact
Atomic Object Atomic Object
Services
  • Offerings
  • AI Software Development
  • New Product Development
  • Product Enhancement
  • Product Modernization
  • Platforms
  • Web App
  • Mobile App
  • IoT Software
  • Desktop App
  • Cloud
  • Industries
  • Healthcare
  • Financial Services
  • Education
  • Insurance
  • See more...
Portfolio
Team
Culture
Blog
Contact
Atomic Object
Services
Portfolio
Team
Culture
We're Hiring
Blog
Contact
← Back to Blog Home

react

Web Apps

Using Jest to Test Our Express-Backed React App

Configuring tests is one of the most tedious and frustrating aspects of a new web application. We show you our app testing setup to save you some work.
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.
Web Apps

Dockerizing an ASP.NET + React App

Running an ASP.NET + React app in a Docker container can be a little tricky, but with some tweaks to the auto-generated Dockerfile, it is possible!
Developer Tools

Setting up GitHub Actions for a React/Node Project

How to set up GitHub Actions for a React, Node, Postgres, Yarn, and Typescript project running on Heroku. And why I won't be going back to CircleCI.
React / Redux

A Quick Start Guide to Query Strings with React Router

React Router no longer comes with built-in support for query string parsing. Good news, handling them yourself is not too difficult. Using either the browser supported URL API or a
Web Apps

Creating a Simple Server with Next.js

It can take a long time to get a full-stack React & Node.js app up off the ground. But with the addition of API Routes, Next.js can do that in just minutes.
React / Redux

Using React Hooks & Context to Avoid Adding Redux Too Early

Hooks and Context give you a way to remove the noise and indirection that can come with nesting components with vanilla React, without introducing Redux.
React / Redux

Loading States in React Components Using TypeScript’s Discriminated Unions

By using discriminated unions in TypeScript to define the props for a React component, we can cleanly handle loading states in our React components.
React / Redux, TypeScript

Solving Nested Navigation in React with TypeScript

Nesting can be as deep or shallow as the designs call for. And there's just one provider aware of the entire Section context.
TypeScript

Creating a Drag-and-Drop File Uploader with React & TypeScript

We built our drag-and-drop uploader by tracking state within the component to determine if the user is dragging, and using that to trigger UI changes.
Web Apps, TypeScript

Migrating an Ejected Create React App to TypeScript

Create React App gives you the ability to easily bootstrap a TypeScript app using the scripts-version option. But that only works for a brand new project. Here's a guide to migrati
Web Apps

Should You Use React Storybook?

Storybook can make React development better. We're using it for a large React app, and it has definitely improved our development process.

Posts navigation

← Older posts
Newer posts →

Want to see what Atomic can do?

Check out some of our work

Atomic's Portfolio

Atomic is a software design + development consultancy.

© 2026 Atomic Object LLC
Explore
  • Insights
  • Careers
  • Diversity
  • Resources
  • Atomic Blog
  • Developer Resources
Offices
  • Ann Arbor
  • Chicago
  • Grand Rapids
  • Raleigh-Durham
Details
  • Contact
  • Media
  • Privacy Policy