---
type: video
yt_id: VVU2YVRMdUlfajQtMHdpRFN6bWFQY3RRLjk1cjlBNV90YU5v
videoId: 95r9A5_taNo
title: "React State Array of Objects"
date: "2022-09-22T13:59:52Z"
slug: "react-state-array-of-objects"
image: 
  name: "react-state-array-of-objects.jpg"
  alt: "React State Array of Objects"
  width: 640
  height: 480
status: 'published'
description: "Learn how to use useState to keep track of arrays of objects in a react app."
tags: ['nodejs', 'react', 'react js', 'javascript']
---

Learn how to use useState to keep track of arrays of objects in a react app.

🔗Starter Code:
[https://github.com/Sam-Meech-Ward/react-state-arrays-jokes/tree/3c3251eaac856f77081e7a4c7192cfa8d64dbfc0](https://github.com/Sam-Meech-Ward/react-state-arrays-jokes/tree/3c3251eaac856f77081e7a4c7192cfa8d64dbfc0)

🔗Final Code:
[https://github.com/Sam-Meech-Ward/react-state-arrays-jokes](https://github.com/Sam-Meech-Ward/react-state-arrays-jokes)

This is video #7 in my react series: 

* #6 useState: [https://youtu.be/_wPGcpoZQn8](https://youtu.be/_wPGcpoZQn8)
* #8 Conditional Rendering: [https://youtu.be/xRKvjWDZlW8](https://youtu.be/xRKvjWDZlW8)

Join this channel to support these videos and get access to perks:
[https://www.youtube.com/channel/UC6aTLuI_j4-0wiDSzmaPctQ/join](https://www.youtube.com/channel/UC6aTLuI_j4-0wiDSzmaPctQ/join)

## Chapters:

* 0:00​ Intro
* 1:38 Adding an object to the array
* 5:12 Deleting an object from the array
* 8:52 Update an object in the array
* 15:37 Sort the array of objects
* 19:09 Summary