In a nutshell, transitions provide a way to control animation speed when changing CSS properties. You may have noticed that some elements seem to almost have a mind of their own! By using transitions we can choose between initial and target states. But most of all, transitions all properties to…
React useEffect Explained Simply
In useEffect, the word “effect” refers to a functional programming term called a “side effect”. To really understand the concept of a side effect, we must first have a grasp of a pure function. React components are intended to be pure functions, meaning they receive a input and produce a…
UseRef in React Explained Simply
When you want to persist values between renders, you use “a ref”. First, you must add the ref to your component by import useRef Hook from React: Call the useRef Hook and pass the initial value that you want to reference as the only argument. useRef returns an object that…
React State Explained Simply
Explaining state is a very difficult concept simply because it is so broad. It is sometimes best to explain complicated things by explaining what they are NOT: State Is NOT: These items are not state because they don’t change from page to page and are static. State IS: These are…
React Rendering Explained Simply
Before components are displayed on the screen, they must be rendered by React. Understanding the steps in this process will help you think about how your code executes. Imagine that components are cools in the kitchen, assembling tasty dishes from ingredients. In this scenario, React is the waiter who puts…
Apache Sling & AEM Explained Simply
AEM is built using Apache Sling, a web application framework based on REST principles that provide easy development for blogs. Sling uses the JCR (Java Content Repository) to resolve objects via a URL. This allows developers to easily customize and build web components. Apache Sling Architecture In order to understand…
AEM & JCR Folder Structure Explained Simply
Whenever you create an AEM application it must be comprised of a single AEM package. This package can contain sub-packages include things like code, JSON, etc. AEM requires a separation of content and code. A single package can’t contain both /app and runtime-writable areas (/content, /conf, /home, and /apps). AEM…
Explained Simply: “This” Keyword in JavaScript
“This” in any programming language is a strange concept to understand due to the ambiguity of the definition. Simply put, because This is used in many different ways it is difficult to precisely define. The best way to learn this is to learn the many different ways in which this…
Slice Vs Splice in JavaScript (A Quick Guide)
The array in JavaScript is one of the most widely used data structures and array methods allow for a variety of data manipulation libraries. When you first start JavaScript it may be difficult to know the difference between slice() and splice(). The slice method takes an array and returns a…
Basic CRUD Array Operations in JavaScript
Sometimes it pays just to stick to the basics. Here are CRUD operations for a basic array: 1. Create an element to the end of an array 2. Delete an element from the end of an array 3. Reading an index from an element in an array 4. Update an…
