React is great, especially when it comes to SPA’s (Single Page Applications). One little trick that occurred to me that may not be as apparent to other users of React is using state you can dynamically modify the CSS of your page. …

What is a linked list? How to make a linked list. Why would you use it instead of an array? Firstly What Is A Linked List? A linked list is a data type similar to an array, but it is not indexed, unlike an array. It is organized because a node contains its value and a…

Exploring the data structure of a Binary Heap, its adaption to a Binary Priority Queue, and a real-world application of it. What Is A Heap? According to Wikipedia, In computer science, a heap is a specialized tree-based data structure which is essentially an almost complete[1] tree that satisfies the heap property: in a max…

Radix Sort is a bit idiosyncratic in the realm of sorting algorithms and reminds me of those number magic tricks on the back of cereal boxes. So let’s find out how magical Radix Sort is. What is Radix Sort? According to Wikipedia. Radix Sort is a non-comparative sorting algorithm. It avoids comparison by creating…

What is Merge Sort? How does it work? Actual recursion vs. what I thought was recursion. An example of Merge Sort. What are the advantages and disadvantages? I’m currently taking the Udemy class JavaScript Algorithm and Data Structures Masterclass by Colt Steele. https://www.udemy.com/course/js-algorithms-and-data-structures-masterclass/, Which I would recommend to anyone wanting…

Big O and a breakdown of it. This article entails a summary of big O and how to take it from theory to practice in identifying actual time complexities of algorithms. A year ago, I hadn’t even heard the term ‘Big O.’ I have a visual background rooted in Communication…

Did you know you can use switch statements in React (JSX)? This article explains how to go beyond the ternary operator and utilize switch statements in React. In a recent project, I needed conditional rendering beyond the binary option that ternary operators offer. Typically the binary option works just fine…

A post detailing how I utilized Rail’s Action Cable with a React Front-End in the simplest way I can explain it. — For my final project at Flat Iron, I needed real-time rendering vs. your typical Post/Get HTTP protocol. An example of real-time rendering would be the chat window for tech support for your cable company. Both you and the tech support are seeing messages in real-time. The chat window is actually…