Greetings fellow beginner Rails/React dev’s! In this short tutorial, I will be retracing and sharing with you my process of deploying a web application that utilizes a React frontend coupled with a Rails backend. I deployed my backend on Heroku, and frontend on Netlify. Before we start, please ensure that…

In React, useRef is a hook that… returns a mutable ref object whose .current property is initialized to the passed argument (initialValue). The returned object will persist for the full lifetime of the component. (Source) It is normally used to reference underlying DOM elements, an input field for example. However…

When two or more events are described as “asynchronous,” it refers to them not existing or happening at the same time. If you have ever worked in the service industry, then you probably know well how to manage your tasks asynchronously. For instance, if you were a waiter in a…

How does React’s Virtual DOM really work? — If you’re new to React, the concept of the virtual DOM has likely left your head virtually spinning. You’ve read that React solves the problem of DOM manipulation by using a virtual DOM, which is a lightweight representation of the DOM object. You’ve read that manipulating the DOM is slow…

Making a sometimes intimidating concept simple — Hi there. This is the first in a series of articles in which I will be covering computer science concepts in simplified, easy-to-understand terms. From my own personal experience, despite the enormous amount of resources out there, it might be difficult as a beginner to learn new programming concepts. …

Part 2 — Hi! Previously, we learned how to build a basic Header component using Material UI and React to achieve the static result below:

Read on for how to build a clean, simple header — Hey, all. Anh here. I am a web developer who recently helped build a responsive header for Femmecubator, an up-and-coming web app that seeks to provide resources and support for women of color in tech. …

Hello all! Today I would like to walk through my iterative solution of how to reverse a linked list. But first, what is a linked list, you ask? According to Wikipedia: In computer science, a linked list is a linear collection of data elements whose order is not given by…

Hello, fellow soon-to-be software developer. If you are preparing for upcoming interviews like me, you’re most likely (or will about to be) grinding away on loads of algorithm problems. …