While learning React, I used arrow functions quite a bit, but I never deeply understood how they work or when to use them. It’s time to dive deeper. Differences between an arrow function expression and a traditional function expression: Can’t use this or super, and should not be used as…

Three.js is a Javascript framework for displaying 3D content on the web. You can create some really cool 3D projects and animations simply using Javascript. No high-end PC and software required! I discovered this library and have been playing around with it quite a bit, in addition to drei and…

Let’s explore a basic counter app. We’ll have a button to increment a counter, a button to decrement it, a form input to enter any integer, and a button to add that value to the counter. …

Welcome to my first in a series of posts I’ll be making on learning Redux. To start, what is Redux? Redux is a state management tool that allows us to access and modify state across our app without having to pass it along to components as props. As our apps…

React’s useEffect hook will perform an action on every render or re-render. This is great for changing elements on the DOM or fetching data from an API. For this walkthrough, we’ll use useEffect to simply change our document.title Let’s build an app to track the submissions we got tonight in…

Higher-Order Components are a technique used in React that allows us to reuse component logic. An example of this would be a component that renders conditionally based on whether the user is logged in. More specifically, a Higher-Order Component is a function that takes a component as an argument and…

Are you tired of having to use class components and pass props along for all your state management in React? Looking to optimize your workflows by using more functional components and less class components? Hooks are a tool that could be very helpful for you! In the past, we relied…

This past week, I learned how to use fetch to manipulate the DOM with JavaScript. As I progressed, I got really stuck trying to post new data or update existing data both on the page and in the database, without requiring a page refresh. Before I talk through my solution…

Choosing a color theme is a critically important step in design. When you are creating anything that is consumer-facing, you want to use colors that work well together and create engagement. …