JavaScript

Module Design Pattern in JavaScript — step-by-step Javascript tutorial on Progressive Robot

Module Design Pattern in JavaScript

JavaScript modules are the most prevalently used design patterns for keeping particular pieces of code independent of other components. This provides loose coupling to support well-structured code. For those that are familiar with object-oriented languages, modules are JavaScript “classes”….

Read more
How To Create Multistep Forms With React and Semantic UI — step-by-step Javascript tutorial on Progressive Robot

How To Create Multistep Forms With React and Semantic UI

React makes it simple to create complex forms for acquiring user data by breaking down the sections into individual React components that collect certain inputs. You can then choose which components are rendered at each step by manipulating state. In this tutorial you will see how to do this, as well as sharing functionality across components using an example of a registration form.

Read more
Verwenden von .map() zur Iteration durch Array-Elemente in JavaScript — step-by-step Javascript tutorial on Progressive Robot

Verwenden von .map() zur Iteration durch Array-Elemente in JavaScript

Eine der beliebtesten Methoden zur Iteration durch Datensätze in JavaScript ist die `.map()`-Methode. `.map()` erstellt ein Array durch den Aufruf einer bestimmten Funktion für jedes Element im übergeordneten Array. `.map()` ist eine nicht mutierende Methode, die ein neues Array erstellt, anstatt das Original zu ändern. In diesem Tutorial betrachten wir vier bemerkenswerte Verwendungsmöglichkeiten von `.map()` in JavaScript: Aufrufen einer Funktion von Array-Elementen, Konvertieren von Zeichenfo

Read more
How To Avoid Performance Pitfalls in React with memo, useMemo, and useCallback — step-by-step Javascript tutorial on Progressive Robot

How To Avoid Performance Pitfalls in React with memo, useMemo, and useCallback

In React applications, performance problems often originate from component re-rendering. Because of this, learning how to prevent unneeded re-renders can help to optimize the performance of your React app. In this tutorial, you’ll look at how different actions can trigger re-renders and how you can use Hooks and memoization to minimize expensive data calculations. By the end of this tutorial, you’ll be familiar with many performance enhancing Hooks, such as the useMemo and useCallback Hook.

Read more
CHAT