Aaron Shivers

Home

Pagination with React Hooks and Material-UI

Apr 18, 20215 min read

In this demo, we'll set up pagination for a table using React Hooks and Material-UI. Setup If you'd like to follow along, fork the starter repository. Getting Started Inside of App.jsx, you'll see the two components we're concerned with, MyTable an...

React Starter Template - Part 2

Mar 6, 20214 min read

This is part two where we'll be adding testing and linting to our React Starter Template. Here's React Starter Template - Part 1 where we setup React with Parcel. Testing Install Jest yarn add -D jest Install Enzyme yarn add -D enzyme enzyme-adapter...

React Starter Template - Part 1

Feb 28, 20215 min read

Probably the easiest way to get started with React is to use an online editor like codesandbox.io or repl.it. If you'd rather develop locally, Create React App is a great choice. For me, I like to practice with the same tools I use at work, so I need...

Stop Pushing Build Breaking Code

Feb 21, 20214 min read

I'm going to show you an easy way to prevent pushing code that will break your continuous integration pipelines. This can be achieved by simply linting and testing code, before pushing to the repository. The only problem with that is you have to reme...

Combine Arrays of Objects and Replace Duplicates

Feb 14, 20216 min read

I ran into a situation recently where I was working with an API that only returned one item at a time, but all the items had to be sent back during the update request. That meant that I had to maintain an array containing objects, and give the user t...

Global State in React

Feb 2, 20216 min read

The plan here is to start with a component that has some state, then migrate to maintaining that state in a way that any component in our application can access. Local State Let's start by creating a login button that maintains its own state. The us...

© 2021 Aaron Shivers

PrivacyTerms
Proudly part of