Closures In Javascript, every function creates its own scope. Javascript also operates using lexical scope, this means that scope works from the inside out. A closure is when you pass an inner function a value from an outer scope or function. The inside cannot pass to the outside but the outside…

Adding animations to your website can be an effective way to attract attention where you want it. Websites can display an incredible amount of information all at once. If you open Amazon right now you can see two bars at the top of the page, on containing info about you…

Along with flexbox, grid is one of the most useful tools for structuring the way your webpage displays. Grid is actually the first CSS module created to address the problem of webpage layouts. A grid consists of a container and items. The container is the direct parent of all grid…

Sass is a CSS preprocessor / extension that stands for Syntactically Awesome StyleSheets. It’s simple to install, just type npm install -g sass in your command line, and now you can use .scss files in place of .css files. The nice thing about .scss files is that they are compatible…

Last week I covered the power of flexbox in terms of distributing items horizontally within a container. If you missed that you can check it out here. …

One of the most frustrating things for me when I started building web apps in Javascript and even Ruby on Rails was positioning my data where I wanted it to be in my app. How do you center something vertically, horizontally, between other elements? Why is that element centered but…

React router is a library built on top of React used for routing. Sounds pretty obvious, but let’s get into what that really means. React router allows the user to navigate different views of your React application while also allowing you to change the URL and keep the UI in…

In order to explain React’s virtual DOM you must first have an understanding of what the DOM is. If you don’t take a second to educate or refresh yourself here. According to the React site the virtual DOM (VDOM) is a programming concept where an ideal, or “virtual”, representation of…

On the React website, it says “components let you split the UI into independent, reusable pieces, and think about each piece in isolation.” What this essentially does is allow you to create your UI piece by piece. You can create components for a navbar, a footer, a drop down menu…