Overview of set-up and configuration Easy Integration The Netlify CMS is a great option for creating a customizable template for editing content on your Jekyll site. It is an open-source React application that offers the capability to edit and add text and/or media to your site with a real-time preview. …

An Overview of Setup and File Structure — Getting Started As a static site generator, Jekyll gives us the ability to take text written in a markup language and insert that content into pre-defined layouts to be displayed in a browser. This is great for simple sites that don’t require a backend or database. Jekyll is written in Ruby, so…

A simple-to-use Enzyme alternative Intro to RTL The React Testing Library was created by the software testing guru, Kent C. Dodds. The goal was to provide a replacement for the popular JavaScript testing library, Enzyme that is more lightweight and eliminates the possibility of ‘damaging testbases’. Kent is an advocate for good testing…

Creating Virtual References within Database Schema — A Space Limitation Solution Mongo DB stores document-based records as BSON objects. These objects have the same format as JSON objects but include some additional information in a richer format. Persisted documents can only hold a maximum of 16 megabytes. Due to this limitation, it’s best to be mindful of the data that is…

Structuring MERN Application Back-end MVC Overview When beginning a new project, there are several different methods that can be used to set up the overall file structure and flow. One of the most commonly used architectural patterns is called MVC. This is an acronym for Model, View, Controller. This pattern is favored…

Introduction to Creating and Running Containerized Programs What Is Docker? If you’re dipping your toes in the world of DevOps or Cybersecurity, it won’t be long before you start discovering some chatter about Docker, Kubernetes and, containerization. These topics can seem pretty complex and to be honest, they kind of are. …

JavaScript-based Library for Mapping Anything! Getting Started Geolocation features have many uses in modern applications. The user might be looking for businesses closeby, planning a trip or tracking their workout trail. There are tons of use cases where being able to show and update locations on a map is necessary. GoogleMaps API…

Graphics That Offer Clarity Scalable Vector Graphics If you’re new to web development, opening up an SVG file for the first time can be a little overwhelming. Why is it so huge? What are all of these foreign attributes? Why does it not respond to CSS styling in the same way other image…

Toggling Classes to Uncover Secret Elements When you want to hide something… but show it sometimes This article was inspired by Codepen’s recent weekly code challenge. The theme for their code challenges for this month was micro-interactions. There are many situations where you might want to hide and later reveal an element on the DOM based on user actions. For…