While third-party authentication services like Google Firebase, AWS Cognito, and Auth0 are gaining popularity, and all-in-one library solutions like passport.js are the industry standard, is common to see that developers never really understand all...

This is a Node project, but I’m mostly featuring it because I would love if more people we linked to were using their own blog instead of the nightmare that is Medium. Here’s an example of the end result, but you can tune it to your own tastes.

Unless you are a seasoned veteran of a strongly typed language such as Java, I am sure you had the same “WTF?” moment that I did the first time you saw a generic type in TypeScript. The syntax is a far cry from anything else we have seen in...

This tutorial introduces you to the essentials of Angular. It leverages what you already know about HTML and JavaScript—plus some useful Angular features—to build a simple online store application, with a catalog, shopping cart, and check-out form.

Animations in React are difficult. Depending on whether you use inline-styles, or a library like styled-components it usually entails a lot of work from your end to write something that’s easy-to-understand, and therefore maintainable.

TypeScript Node works by registering the TypeScript compiler for .tsx? and .jsx? (when allowJs == true) extensions. When node.js has an extension registered (via require.extensions), it will use the extension internally for module resolution. When...

Imagine you're a web developer. You have to create an app that leverages five different data sources. The project has 26 different views built in - and don’t forget to make it fast, easy to test, and reliable. I work on creating the tools that make...

Today there’s a lot of buzz around design systems. To understand where design systems come from, let’s take a brief glance back in history: First there were corporate designs which are rule-sets mostly focused on print. Then JavaScript came along...

If you’re new to TypeScript, it’s a language that builds on JavaScript that adds optional static types. TypeScript code gets type-checked to avoid common mistakes like typos and accidental coercions, and then gets transformed by a program called the...

Angular provides us to create our app in modular fashion. As your application grows, it becomes cumbersome to manage the different parts of an application. Modules in angular are a great way to share and reuse code across your application.

Capacitor containerizes your Web App and provides consistent access to Native APIs for every platform that app runs on. That means, for example, that accessing the Camera uses the same code on iOS/Android as it does in Electron and on the web. This...

JavaScript programs started off pretty small — most of its usage in the early days was to do isolated scripting tasks, providing a bit of interactivity to your web pages where needed, so large scripts were generally not needed. Fast forward a few...

In this tutorial, we'll build a simple store where items can be added and removed from cart, and we’ll manage the application’s state using ngrx/store. As we’ll see, it is easier to manage data flow in the application when side effects and data flow...

A fully playable tic-tac-toe game from Alvaro Montoro, with a surprising AI twist! "The computer will play randomly in Beginner mode, but in Advanced mode, it will load scenarios, and play to win. Special states have been added in order to create...

We are bringing together the best of React Router and Reach Router into a new, hook-based API. React Router will be the surviving project. We'll introduce this API in a minor release (5.x). That means it's 100% backward compatible. (Don't forget, we...

Promises are a built-in concurrency primitive that's been part of JavaScript since ES6 in 2015. The Promise class has been included in Node.js since v4.0.0. That means, unless you're on an unmaintained version of Node.js, you can use promises...

A whirlwind tour of JavaScript engines from Call Stack, Global Memory, Event Loop, Callback Queue to Promises and Async/Await! Enjoy the reading! Ever wondered how browsers read and run JavaScript code? It seems magic but you can get an hint of...

If you haven’t used state management excessively in React Function Components, this tutorial may help you to get a better understanding of how React Hooks – such as useState, useReducer, and useContext – can be used in combination for impressive...

Blazor has 3 different ways of binding data on the client-side. Here are the different data binding mechanisms in the client-side blazor framework. One-way data bindin, Two-way data binding, Component parameters

Private class fields are a Stage 2 TC39 proposal. Even though they're still experimental, you can use private class fields in Node.js 12 without flags or transpilers. In this article, I'll explain the basics of private class fields and how they...