This is Learning and Playful Programming are merging to create a stronger open-source education community with 750+ articles and expanded resources.

I’ve recently joined a new company, and I wanted to share my experience from my first week, what onboarding used to look like, and how AI is changing the game.

Finding your engineering identity is a journey of balancing tradeoffs. Let's explore the key tradeoffs that shape your path.

Exploring the motivation behind why I'm building a home server.

Stop repeating yourself in every prompt. Use files like agents.md to define project conventions, rules for universal constraints, and skills for optional capabilities. Prompts stay focused on the task, context lives where it belongs, and behaviour becomes predictable.

A deep dive into debugging React Compiler issues involving object mutation and referential stability.

Don't skip out on a book just because it's long!

Time to learn Golanguage

Working in public means being visible while learning. That isn’t a weakness—it’s how real software gets built.

Leaking memory is one way to get a value living for `'static`, but it's not the only way

Exploring how ads impact website performance and strategies to manage their effects.

Let's dive into the React fundamentals. This will help us build up a solid mental model that will allow us to understand what happens when react updates the UI.

As a developer, you have to take control of your projects every day. Whether it is a company...

The mental model I wish I had when I started working with WYSIWYG editors: document models, transactions, and custom nodes explained in 10 minutes.

Practical introduction to internationalization (i18n) and localization (l10n) - from a developer's point of view.

A personal story about trauma, mental health, and how technology helped me survive long-term.

A guide to learning Terraform from scratch, including key concepts, setup, and workflow.

I love VS Code. It is fast, flexible, and works for almost any stack. But the default layout is not...

Reflecting on the disparities in pay and respect in the tech industry.

Just a week ago, Google launched Antigravity, and why not give it a try and share my experience? And...

A cautionary tale about successes in my career and survivorship bias.

The story of how I negotiated my way into a VP role and the lessons learned along the way.

I recently had a look at the Chrome MCP server and it looks really cool. So, let me show you a quick...

VS Code tasks are powerful, but most developers barely use them. The problem is not the feature...

Before we dive into the details, here is the video version of this article if you prefer to watch it...

How taking on a short-term leadership contract can pave the way to long-term opportunities.

Unless you’ve been living under a rock, it’s hard to miss the rise of Generative AI. At the centre of...

Finding the ideal IDE for .NET work is rarely a straightforward journey. As .NET developers, I invest...

How being active in your local developer community can open unexpected career doors.

A guide on how to prepare your e-commerce site for AI-driven search and shopping, covering on-site content, structured data, and off-site brand presence.

Choosing a tech stack isn’t just about picking trendy tools, it’s about aligning architecture with real-world needs.

I have wanted to write about tech conferences for a while, and last week I was at Codemotion in...

Understanding the challenges and rewards of stepping into leadership roles.

When I'm writing this I'm still on the train back from ReactJSDay, the largest conference on ReactJS...

The world of web development is constantly evolving, with a strong emphasis on performance, user...

For me, in general, the best way to learn something new is to start from zero and hit...

In the world of web development, building dynamic and engaging user interfaces often leads developers...

In the AI era, we can do many different things with LLM: generate code, images, videos or ask...

As developers, we obsess over performance, accessibility, and design — but how often do we think...

Every business need for a reliable and scalable cloud infrastructure, this is precisely where Azure...

Struggling with stubborn CSS rules? Learn how specificity works so you can write styles that apply the way you want, every time

In the ever-evolving landscape of web development, captivating visuals are no longer a luxury but a...

Welcome back to the TanStack Router series, today going double digits with chapter 10! Let's fix a...

A practical guide to optimizing SEO in your Next.js application.

You might be in the situation I was the other day: I wanted to develop a small AI feature for...

If you’ve been coding for a while, chances are you’ve stumbled across a GitHub Gist. Maybe you copied...

If you’ve ever used GitHub Copilot for more than a quick boilerplate snippet, you’ve probably felt...

Having multiple themes is a common request on (web) applications nowadays, at least having light,...

Sometimes `number` is good enough

When working on multiple Python projects within a microservices architectured solution, it makes sense to reuse code.

With recent updates to the Angular framework, it is now recommended to move away from the...

You can write clean, efficient code. But can you write a clean, efficient email? As developers, we...

Some languages support monads with first-class syntax support. But what does that even mean? How would we support monads, in, say, JavaScript?

If you’re anything like me, your Microsoft Teams chat list can go from zen garden to dumpster fire in...

You may have heard of a "monad" in programming spheres, especially in regards to functional programming terminology. So what on earth even IS a monad?

Large Language Models (LLMs) offer incredible potential for businesses, but managing the costs...

Enums allow you to quickly define a list of static, predefined values with a specific order, which...

Ever wondered how React's hooks function under-the-hood? Let's write our own implementation and find out together.

Integrating third-party services into B2B and SaaS applications demands robust security. When...

In the previous article, you saw how to create a project from scratch with Firebase Data...

The rise of Large Language Models (LLMs) has opened unprecedented possibilities for businesses, from...

I've seen every value in the book used to set line-height values in CSS. This is why you should just use unitless.

Firebase Studio is rapidly evolving into a robust, agentic development environment that leverages...

You know that old-style "X users online" counter on a website? I've recently seen it on roe.dev's...

Some of you asked me to create an example of integration between Angular and one of Firebase's latest...

Learn React's history using pragmatic code samples and deep dives. This journey reveals the consistent design in React's APIs stemming from the very beginning.

In this article I am going to share the plugin I created for Angular Material Blocks to preview code...

The realm of Artificial Intelligence (AI) is rapidly evolving, bringing with it exciting new...

Learn how you can use Next.js' and React's primitives to achieve a neat party trick: Conditionally show a loading spinner based on a given wait time.

Ever needed your C# application to run a PowerShell script, wait until it's done, and print the...

Firebase Data Connect is simplifying the interaction between your applications and your databases. It...

We are in the AI era. New models emerge daily, and many applications have already integrated AI into...

▶️ This article is extracted from a video transcript, slightly tweaked for better readability. Watch...

Some routes in your application require authentication or other conditions to be met before users can...

For years, the Firebase platform has been synonymous with rapid, scalable application development,...

For years, the Firebase platform has been synonymous with rapid, scalable application development,...

Bundling is the process of taking your source code and transforming it into a format that can be run in the browser. Let's learn more about it and how to apply it.

Learn about the tools that help you write better code, including ESLint, Prettier, and TypeScript.

Styling your web application comes in many flavors. Let's explore the different approaches you can take in your projects.

▶️ Video version on YouTube: https://youtu.be/ERWzk5iOAiU Hey everybody, look at that! I finally had...

Ever joined a GitHub Enterprise and thought, “Who organized this… chaos?” I created this post...

AI Models are taking over the world, and we are all looking for ways to use them to solve different...

Learn how to implement complex authorization patterns using OpenFGA and Relation-Based Access Control (ReBAC) through a practical example of a cat sitting app.

As a developer and productivity geek, I’m always on the lookout for tools that actually make a...

How many times have you needed to translate your application, but didn't know where to start? One of...

As we increasingly integrate Large Language Models (LLMs) into our applications, understanding and...

APIs are the backbone of modern applications, but even the cleanest code can drag if performance...

I work full time as a software engineer and don't do open source to pay the bills, but I recently...

In our second chapter, we expand on the topics we've discussed and talk about the bothersome and tricky portions of Git!

If you're anything like me, you’ve probably typed in authenticator codes a hundred times a day, just...

Okay, you've seen it all, built it all, and probably debugged it all (more than once). You recognise...

Imagine your online store as a giant warehouse. You've got tons of cool stuff, but customers are...

Generative AI models possess the remarkable ability to generate human-quality text, code, images, and...

Forms and how we label them make up a large part of our apps, let's take a cursory glance at how we can make them more accessible.

Over my long career as a software engineer, unit testing involving third-party APIS, such as database...

When talking about web accessibility, the story starts and ends with semantic markup. Let's learn what that means and how to leverage it in our apps.

When building a product, your users will come from many walks of life. How do you support them all? Answer: Accessibility. Let's dive in and learn more.

Text makes up most of our apps. Lets make sure that our app's text is legible and able to be accessed through assistive technologies like screen readers.

The digital landscape is evolving at an unprecedented pace. Demands for faster, more scalable, and...

In the world of modern web development, Angular has established itself as a leading framework for...

We’ve all been there. You knock out a script in an hour, it runs, it works, and you feel like a...

As of today, it has been 7 years since I open-sourced SolidJS. It wasn't for noble reasons. I wasn't...

The rapid evolution of artificial intelligence is fundamentally transforming how we build and...

In our first chapter, we tackle the most common aspects of git and explain how they work in tandem with one another.

Firebase, Google's comprehensive platform for building mobile and web applications, has continually...

In the fast-paced world of modern application development, iteration speed and robust testing are...

Learn how to scale your React project using Layered React Structure (LRS). Take your app from small-time to enterprise grade by organizing your code better.

Google offers robust, real-time NoSQL database solutions: the original Realtime Database and the...

Firebase Realtime Database offers incredible power and ease-of-use for building collaborative,...

IIFEs were very useful back in the day, but modern JavaScript has made them irrelevant

In today's web development world, building dynamic and real-time applications is more important than...

Have you ever been in the middle of coding when suddenly you needed to switch branches, but your work...

Discover how to package your Node.js applications into single executable files, reducing deployment complexity and improving security.

As a consultant, sometimes, I have to switch from a project to another. My main (and favorite)...

As a developer and cloud engineer (or Architect, they call me like that), my work isn't confined to a...

In today's rapidly evolving digital landscape, adaptability is key to success. Applications need to...

Compiler optimizations that you shouldn't worry about but are cool.

In the previous article we saw how Firebase Cloud Messaging (FCM) is a versatile solution for...

Azure Blob Storage is a cost-effective and scalable cloud storage solution for storing unstructured...

While I'm a huge fan of Angular at heart, I've often used React at my day jobs. While working with React component libraries - either internal or ...

Push notifications are a powerful way to re-engage users, deliver timely updates, and drive traffic...

Adobe ColdFusion can feel daunting to set up. Luckily for us, there's an easy method of getting up and running using Docker. Let's explore that option!

Firebase Authentication provides a robust and easy-to-implement backend service for user...

I had no idea how much would have happened in 365 days 🤯 One year ago, on February 20th, 2024, I...

Cover photo generated with Microsoft Designer. Traditionally, we had to import mixed Angular modules...

Vue can dynamically change a rendered HTML tag using a special syntax. Let's learn how to use it with TypeScript.

Create the React application Once upon a time you had to struggle with a thousand...

Learn how to type the "as" prop in React to dynamically change the rendered HTML tag.

Over the last few years, Angular has grown through some significant and important changes. One of...

Artificial intelligence has access to information available on the internet, including people's work.

Playful Programming is becoming a formal non-profit! Let's talk about the who, the what, and the why behind the decision.

Learn how to simplify form validation in Vue.js with this powerful library, featuring seamless integration and customizable rules.

Learn how to streamline form handling in React with this popular library, featuring easy validation, state management, and submission handling.

Learn the basics of Angular Forms! Explore different approaches to build dynamic, user-friendly forms with ease.

One of the challenges of using API (minimal or not) is how to customize the response format and...

In 2025, building a scalable and efficient tech stack is more critical than ever for startups aiming...

In this article, I’ll share the insights and experiences I’ve gained over the years with unit testing in Angular, along with the best practices I’ve adopted along the way.

Over the past few years, I’ve had the opportunity to help colleagues write and refine PowerShell...

I admit I wasn't sure I'd be writing this article this year. It's easy to write articles that excite...

I just realized that I should probably open source my mind. I wrote this script and recorded a video,...

Angular Pipes are a core part of the framework. They allow you to derive state via a function called in the template. How does this work? Let's dive in!

Let's compare and contrast React, Angular, and Vue's APIs all in one place.

Oftentimes, when passing children to a component, you want a way to programmatically access that passed data. Let's learn how to do that in React, Angular, and Vue.

If components are a way to share JS logic between multiple, composable DOM nodes; directives are a way to assign logic to any single DOM node.

Components provide a great way to share layout, styling, and logic between multiple parts of your app. But what about times you only need to share logic in React, Angular, and Vue?

When building an app in React, Angular, or Vue, you'll often find that overlapping components can become a real problem. Rendering order can be confusing; let's fix that with portals.

Passing around props suck. They're repetitive, get out of sync, and are easy to forget to pass. What if there was a better way to pass data between different parts of your app?

Bug are a constant in development. How can we make error handling lead to a nicer user experience when they occur in React, Angular, and Vue?

While you usually want to pass data to child components, sometimes you need to access arbitrary data from the child without needing to explicitly pass the data.

React, Angular, and Vue provide powerful APIs that let you avoid DOM manipulations most of the time. But sometimes you need to access the underlying DOM. Here's how.

Just like HTML nodes have parents and children, so too do framework components. Let's learn how React, Angular, and Vue allow you to pass children to your components.

There are specific instances where you may want to have a wrapper element in a framework that renders to nothing in the DOM. This is how.

Often in application development, you'll want to base one variable's value off of another. There are a few ways of doing this - some easier than others.

Some call them "lifecycle methods", others "effect handlers". However you spin it, they both handle side effects in your apps. How can we leverage them better?

One of the primary advantages of using a framework is the ability to quickly generate dynamic HTML from JavaScript logic. Let's walk through some examples.

Components are the core building block in which all applications written with React, Angular, and Vue are built. Let's explore what they are and how to build them.

Learning web development is a vital skill in a software engineer's toolbox. Let's talk about why you should learn it and what this book will cover.

Everything is started from this post on bluesky, by Thomas - ...

Hey friends, how are you doing? This year, I tried a new Angular version and wanted to experiment...

Integrating the git maintenance command into your GitHub Actions workflow can help keep your...

In the last few weeks one of my repository started to be very slow and bloated. I try to commit all...

For over a decade now (11 years right now), I’ve carried the title of Microsoft Most Valuable...

Earlier this year, I had the opportunity to interview for a role at Google. A recruiter reached out...

Let's explore how we can build a website using many of the conveniences of a Vite app while remaining buildless.

There's new UUIDs on the block! Let's explore what's new with UUIDv6, v7, and v8.

Let's learn about Angular19's linkedSignal & Resource APIs!

Let's dive into the timings for Angular's lifecycle methods and effect APIs. We'll even be reading a fair amount of Angular source code to explain it all.

Learn how to turn your Next.js app into a Progressive Web App (PWA).

The ninth chapter of this series finally goes over the DOM, how to manipulate it, and how to make our components interactive!

The seventh chapter of this series contains the first look into JavaScript and its basic components.

Spark is the latest creation from the GitHub Next team, which was announced on stage at GitHub...

The sixth chapter tackles responsive design, breakpoints, media queries and more!

The third chapter of our series talks about the cascade hierarchy in CSS, including inheritance and specificity.

In the future Angular will not have Zone.js enabled by default and will not need it for change detection. But how will that work in a technical sense?

Let's learn how we managed to improve our search experience using semantic search, powered by Orama.

Angular continues to evolve, bringing exciting features with each release. Angular 19 is no...

Codemotion 2024 in Milan was nothing short of spectacular. Imagine being in a place filled with over...

Angular 19 introduces two exciting experimental APIs, resource and rxResource, designed to simplify...

So you have a class, and you want to control who can create instancesof it? Easy, make constructors private, and make friends with thosewho can c...

Angular 19 is on the horizon, and it’s bringing a host of exciting new features to the table. One of...

Signals are seemingly everywhere today. So here's the question? What are they? Let's build an implementation ourselves to understand them better.

All this exploration into scheduling and async made me realize how much we still don't understand...

Have you wondered what these numbers in the DevTools are? Earlier this year, Google introduced an...

Declare lazy-loaded routes in NestJS and in-depth review of the DiscoveryService

Impostor Syndrome is something many of us have faced at one point or another—a persistent, nagging...

In a previous post I wrote why it's important to join events and especially, in this case, Experts...

Angular 18 introduced Partial Hydration in ng-conf 2024, a powerful technique that significantly...

Change detection is a fundamental aspect of Angular, responsible for identifying and updating parts...

In the fifth chapter of our series, we're going to be introduced to CSS grid, a well-known feature to display content, and used in almost every website you visit.

In the fourth chapter of our series, we'll look at flexbox, a powerful layout feature that allows you to create responsive designs with ease.

Ever felt like your codebase is scattered across a million different repositories? That’s the life of...

What happens when you rely solely on hibernate mode and don't turn off your PC for three weeks...

The second chapter in our front-end series. Let's delve right into the world of CSS, variables and selectors.

The first chapter of this series offers an introductory dive into the box model, HTML defaults and semantic elements.

Last week, I had a chance to dive into a case study that involved developing an HTTP-based REST API....

As an Angular developer, deploying your application to different environments – development (dev),...

The IT landscape is ever-evolving, and staying ahead of the curve is crucial for professionals...

The ECS pattern is used by many game engines to create stateless, reusable game logic. But how does it work?

Talking about where you should start building your full stack application

As a developer, the constant need for learning and adapting to new technologies is a given. However,...

Monday Dedicated time to meticulously outline the comprehensive roadmap for Cloud Glow, my...

If you've worked with frameworks like React, Angular, or Vue in the past you'll likely have used (or heard of) a CSS-in-JS solution like Styled Com...

Introduction to the Microsoft MVP Program The Microsoft Most Valuable Professional (MVP)...

Angular 18.2 has arrived, and while it may be a minor release, it holds some valuable improvements...

Introduction Whether you're a coding ninja or a startup wizard, understanding tech debt,...

Congratulations on making it through the series thus far. But this is where things start to go off...

In this post, I share my blueprint for a hybrid CI workflow that neither forces you to adapt to a...

In my ongoing quest to sharpen my LeetCode skills, I tackled the "Best Time to Buy and Sell Stock II"...

Most developers think about Reactivity as an event system. You have some state. You update that state...

I recently tackled a classic LeetCode problem: "Best Time to Buy and Sell Stock." This problem asks...

In some circles, two-way binding is seen as the scourge of modern frontends, while in others it is...

"Unicorn Utterances" is now "Playful Programming". Let's talk about why, what's different, what's the same, and what's next.

Now that "Unicorn Utterances" is called "Playful Programming", let's look at the history of the project.

Evaluate DotenvX to manage environment variables

As I delved into PrimeNG and PrimeFlex for my recent Angular 17 standalone app with SSR, one aspect...

Exploring Angular 18 Without Disrupting Existing Projects I was recently working on an...

As a full-stack developer, I strive to create applications that cater to a global audience. This...

As a full-stack developer, my portfolio is my digital handshake to potential employers. It showcases...

When we need to write a test for components, it is not hard. The pain starts when our components...

The beauty of shadcn/ui is that it's not a component library, but a set of components that you can...

Your form might not have a fixed number of fields, that's where arrays come in! Let's see today how...

Colors 🌈 help us identify things in our surroundings, including Visual Studio Code instances and...

Validation is one of the core features of forms, probably the most important one. In the last...

You can play online multiplayer games on Github profiles! 🎮 Setting up a profile on GitHub is easy,...

When I need to build real-time apps with Angular, most of the time I use SignalR, but a few days ago,...

Setting up a React Native Web project in a monorepo is challenging. Let's do so and see what challenges we run into!

Forms are not an easy business 🤯 Luckily there are many libraries helping out with that and today...

In the last two issues, we started exploring generics, where we looked at the fundamentals of...

Unlocking the Power of Out-GridView in PowerShell When it comes to PowerShell, every seasoned...

GitHub just announced Copilot Workspace a new integrated AI feature with Copilot being your companion...

As a developer, my workdays are filled with coding, designing, and collaborating with colleagues both...

Shadcn/ui is great, components are good-looking, easy to setup and customize, and everyone likes it…...

Sometimes I feel that I'm reading a lot of technical articles and watching videos, but nothing really...

Welcome to the fifth article of a series where we will explore TanStack Router, the new typesafe...

In a previous issue, we learned about the fundamentals of Generics in Typescript and how we can use...

In most issues for this newsletter, I have focussed on Typescript and its type system, which I will...

One of the more advanced topics in Typescript is Generics and understanding and adding them to your...

Navigating open spaces can be challenging for anyone, but for neurodivergent individuals, it can...

Modern JavaScript is built on promises and callbacks. Let's learn what promises are and how we can make their usage easier using async functions.

In Typescript version 4.9, Typescript introduced the satisfies operator. Over the last few months, I...

Welcome to the fourth article of a series where we will explore TanStack Router, the new typesafe...

Welcome to the third article of a series where we will explore TanStack Router, the new typesafe...

Since I discovered Oh My Zsh a few years ago, it has been a god-sent gift to me. I believe it has...

Creating tests can feel tedious, but doing it in Go can be, dare I say, *fun*. Let's take a look at how embedding interfaces clears some of that tedium for us.

Welcome to the second article of a series where we will explore TanStack Router, the new typesafe...

Learn how to build a lightweight backend Vite integration using a Flask Blueprint in ~50 lines of code.

Welcome to the first article of a series where we will explore TanStack Router, a new router for...

Pushing all branches simultaneously streamlines the process of synchronizing your local repository...

In this article, I will present two concrete cases of implicit dependencies and show you how to...

In the fast-paced world of technology and innovation, product development teams often face a critical...

In the fast-paced world of startups, communication is key. However, navigating through the sea of...

I’m sure you’ve heard about conventional commits, but what about conventional comments? The...

Move Vite's manifest.json file outside of the build directory.

Remember that file you deleted last week? Too bad, now you need it. Let's see how git restore can...

In the ever-evolving world of web development, mastering asynchronous operations is a crucial skill...

One of the challenges of writing PowerShell scripts is how to handle variables configuration, such as...

I spent 15 minutes every single day reading documentation and here’s what I learnt. In the last two...

As a developer and CTO, I have to juggle multiple tasks and projects every day. I need to write code,...

I'm launching a GitHub organization to host community projects. The mission is to learn Web...

In this post, I will show you how to add controllers to a Blazor Server app and how to use them to...

[Edit] I was just told that libFuzzer is deprecated. I think the ideas presented are valid for any fuzzer, but thedetails will differ. When I ment...

Hello everyone, this is my last blog post of the year and I want to share with you some of the...

There is a reason why the first time you learn about a reactive system the example always looks...

Everytime you write a config for a common tool, for example you're writing a GitHub Action in Visual...

Here's the quickest ways you can get up-and-running with templates for React, Angular, and Vue; using official tools.

Spam is a common problem for email users and administrators. Spam messages can clutter your inbox,...

How often when you run your build command you see a bunch of warnings in the console? I mean, they've...

Network protocols are sets of rules and standards that enable communication between devices over a...

Monitoring Your Blog for Issues

In directives and components alike, it can be a pain to add attributes and bindings to the host element. Instead of using DI to change the host, try this instead.

Here it is, the end of 2023. What a year it has been. I've been thinking about what I want to do in...

Angular templates are mission-critial for components. But how do they work? Using a compiler, yes, but how do they bind to the DOM itself? Read on to find out.

Using Git effectively requires some good practices and habits, such as making atomic commits. ...

I won't be the first to say it, but I will say it nonetheless, 2023 was quite the year for JavaScript...

React Server Actions are an awesome way to pass data to and from your React client and server. Like all functions, they need a way to return data.

While React Suspense APIs enable you to load data asynchronously from the server, Server Actions allow you to send data to the server from the client.

Suppose that the logic of your program depends on time. That is, you need to keep track of when something in the pasthappened, and what time it is...

Handling async code in React code has historically been fairly challenging to get right. Let's see how React's official solutions for promises stack up!

Hold on a second, it's called Hype Cycle, but actually... it's not a cycle. I mean, there are 5...

React's dipping its toes into data fetching! With this comes a big requirement to cache the results of a given function. Luckily, React's done that. Let's see how.

React Server Components have been a topic of regular discussion in the WebDev space as-of late. What are they? How do they improve the SSR story for React? Let's take a look.

How does React handle update the DOM? The answer? "The Virtual DOM and reconciliation." Let's explore what these are and how you can leverage them the best.

When researching frontend frameworks, you're likely to hear about "reactivity". But what is it? Why does it matter? Let's explore this and more in this article.

There's nothing wrong in writing plain text in your HTML/JSX code, it renders nicely on the browser...

I'm constantly exploring ways to improve user interaction on websites. Recently, while building a...

I've seen this a few times too many recently, and need to get it off my chest. Ponder a class that has a private member function. The function does...

Sometimes, you may want to access the sub properties of an object, which are the properties of the...

RouterTestingHarness uses the actual Angular Router API in our routed component tests.

During my daily activities I develop a lot of Azure Functions. Every time I struggle to synchronize...

IMPORTANT: All the things in this article are highly opinionated, and they are not a standard. I'm...

December means Advent of Code for many of us 🎄 (or at least, the first few days of December) These...

Up until yesterday (technically, a few days ago), tabs were bound to the same vscode window, but...

Have you ever wondered what it takes to be a successful software developer? Do you think you have the...

In this quick tutorial, we will learn best way to handle browser storage with Angular SSR

A few days ago Microsoft released the new version of .NET: .NET 8. This is the stable version of the...

It's been a long time in my mind to write a series of posts regarding Codespaces but now it occurred...

With the release of Angular 17, I wanted to explore the control flow syntax in Angular and...

Debugging a React app is far from being an easy task... if you don't know the tools you already have,...

As a developer, I spend a lot of time writing and reading code. And one of the most important aspects...

Ever wished for a magical toolkit that gives you superhero-like control over JavaScript objects? Say...

A detailed guide on how to make text in Jetpack Compose match your mockups, and why baseline grids are not all that they're hyped up to be.

People often say that you should build your own projects to grow as a developer, without explaining how. Let's learn how to actually plan and build your own custom projects.

👋 Hey, JavaScript developers! Ever wondered what makes your objects tick? Or how to go all...

Having a unique ID on each card is so important to efficiently communicate, but Trello does not show...

Last week, I had the opportunity to attend Codemotion 2023, one of the biggest tech conferences in...

Many developers have side projects that they work on for fun, learning, or solving a personal...

Kubernetes and GitOps offer a powerful way to manage your infrastructure and applications. However,...

Introduction JavaScript's memory management can be tricky, especially when it comes to...

These are 4 really easy ways of making horrible decisions, but don't worry, being able to recognize...

JavaScript's Proxy object is a powerful feature that enables you to intercept and customize...

When you, as a contributor, want to create a new issue on GitHub, you're presented with a blank page...

When you query the Microsoft Graph API, you may encounter a limitation: the API only returns a...

As the creator of SolidJS, I was very influenced by React when designing the library. Despite what...

In the last few months I received a lot of requests from customers about avoiding Microsoft Graph API...

Let's say you want to contribute to a large Open Source project like React or VSCode: are you...

Introduction to WeakRef WeakRef is a powerful feature in JavaScript that allows developers...

In my last recent talks and at work (I helped a lot of customers with Azure Automation and Azure...

Tables like this one are in a lot of repositories, giving well deserved credit to their...

In the vast landscape of JavaScript, many powerful features often go unnoticed. One such hidden gem...

I’m excited to share with you my experience at Experts Live Europe 2023, a premier conference for IT...

Angular has fairly consistent error handling behavior... Until it doesn't. Here's one place where it's off and why.

Introduction JavaScript is a powerful and versatile programming language that has evolved...

Introduction to JavaScript Symbols JavaScript Symbols are a new primitive data type...

Starting from September 26th you can register for the event. There will be a button on the official...

I am very excited to attend Experts Live Europe, a community-driven IT conference focused on...

In the dynamic realm of JavaScript, the ability to efficiently handle asynchronous operations is...

It is no secret that the past 2 years have seen the beginnings of a fairly dramatic change in...

When you, as a contributor, want to create a new issue on GitHub, you're presented with a blank page...

Hacktoberfest 2023 will NOT have the usual tshirt and stickers as a reward. This has been announced...

Photo by ROCCO STOPPOLONI on Unsplash Last week, I was traveling to speak at CityJs + HalfStack Conf...

In this blog post, I will show you how to create a simple contact form for your website using Blazor...

In the ever-evolving landscape of JavaScript, staying up-to-date with its latest features is crucial...

Welcome to this blog post, where we're diving into the fascinating world of JavaScript generators. If...

Visual Studio Code (VS Code) is a popular and versatile code editor that supports many languages and...

I’m doing smart working in a full remote company for a couple of years. These are the pros and cons...

PowerShell is a powerful scripting language that can manipulate various types of data, such as...

Welcome to this blog post, where we're about to unravel the power and versatility of JavaScript...

Learning through tutorials alone is not enough, some hands-on practice is required in order to...

In collaboration with Chau Tran. The migration wave to signals is real, state management libraries...

A few days ago, a friend asked how to prevent duplicate keys in an array, and I told him there are...

Since a couple of days I’m seeing this screenshot everywhere on Twitter and Linkedin, and I’m sorry...

When building web application, from time to time we have to protect routes from unauthorized access....

Please, don’t tell me you’re still using console.log to debug your application. Ok, everyone does...

Exactly one year ago I started consistently posting on YouTube, at least a video every single week,...

You got the idea for a new and fun side project which you will abandon after a few weeks, but that's...

Impostor syndrome is quite popular in the tech industry. People around you seem to be super experts,...

One of the challenges of web development is to keep the screen awake when an application needs to...

Three things you do NOT want in your repository: Unformatted code Warnings/errors Failing...

The `@nx/dependency-checks` ESLint rule is an invaluable tool in managing peer dependencies of a buildable or publishable Nx library.

Backend development is a crucial part of web development that involves creating and maintaining the...

If you need to use some secret values in your pipeline, for example an API key to send a Slack...

A high-level overview of how hash tables work behind the scenes.

Let's port a site from Next.js to Astro, expanding on the official migration guide.

Classes are a core feature of JavaScript - but they weren't always that way. How did earlier JS devs write classes? Let's learn how together.

React Native can be challenging to setup a monorepo for. Let's explore what an optimal monorepo setup looks like for it.

On June 14th I've been in Florence to attend an amazing workshop about Qwik, held by Misko Hevery,...

As developers, we use a lot of our coding time to fix bugs. Debugging helps us find and remove errors...

Git is a powerful and popular version control system that helps you manage your code history and...

In an earlier post, in my All Things Typescript newsletter, we covered how we can look up types for...

GitHub Actions are a powerful tool to automate your workflow. They can be used to run tests, deploy...

Introduction When I embarked on my journey as a software developer, I delved into the...

This history started many years ago! I was a student, and I was going to the ITS in Pordenone. I...

The VDOM is the secret sauce that empowers developers to create the captivating, dynamic web applications that we use every day.

Performance is a crucial aspect of web development, as it affects the user experience, accessibility,...

Hey Folks, Today it's time to learn how you can build an infinite query with React Query. To build...

Safari 17 Beta is the latest version of Apple's web browser, which was released on June 5, 2023. It...

When developing Firebase functions, it's common to have everything in a single repository - all the...

Hello! If you read my articles often here on devto you probably noticed that I also publish them on...

One of the new features in Visual Studio 2022 is the support for HTTP files, which are text files...

Hey Folks, Today it's time to learn how you can paginate a list with ReactQuery. It's common to...

After using Warp for over a couple of months (and collecting feedback from colleagues already using...

The defaultProject Nx CLI setting is deprecated. However, there's a hidden alternative.

In this article, I will explain what ConfigureAwait is, why it is important to use it correctly, and...

Microsoft Build 2023 was a three-day event that showcased the latest innovations and tools for...

I recently shared a video where I showed how Copilot Chat can write tests for you, a funny demo, but...

PowerShell is a powerful scripting language that can automate tasks, manage configuration, and...

I recently got access to the new Copilot CLI, which basically gives you the full power of GitHub...

We don't write tests because we don't have time. How many times have you heard that? Or maybe you...

Hey Folks, Today it's time to learn how you can abort an ongoing request with ReactQuery. Before...

As I mentioned in my two previous articles, JavaScript is a single-threaded language, which means it...

Hey Folks, Sometimes to improve the user experience you can decide to bet on the success of your...

Visual Studio is great to write code and create something amazing, but sometimes, you may want to use...

In my previous article I described how to use Async and Await in Vanilla JavaScript. ...

GitHub Copilot CLI comes with three aliases: ??: Ask for a generic shell command git?: Ask for a...

In the last couple of years I work a lot with Blazor WebAssembly for my personal projects and, first...

Hey Folks, Today I want to share two important things if you are using ReactQuery. The first is how...

A few days ago I was working on my blog leonardomontini.dev as I'd like to give it a strong restyle...

In this post, I'm going to show you how to create Azure Functions with PowerShell and Visual Studio...

We’re used to lazy loading modules or components in Angular. But what about lazy loading services?...

Hey folks, Do you know that you can enable or disable a query in react query? Noooo! Ok, it's time to...

When I moved from Windows to Mac a year ago I also developed the habit of using the terminal much...

Two-Factor Authentication is a security feature that adds an extra layer of protection to your online accounts.

Do you know Javascript? After the success of the previous video, I've decided to make a second one...

ASP.NET and Visual Studio are powerful tools for web application development, but like any software,...

Topics covered in this article: How it works today How it can be done in Angular v16 How...

Hey folks, Did you know that you can filter your data in react query? Noooo! Ok, it's time to learn...

I worked as a Full Stack Web Developer on what I realized it was to me a toxic workplace for software...

Wait, what? Slash commands are available on GitHub? I recorded a two minutes video to showcase how...

When I started to play with templates and dynamic content in angular, I get surprised by multiple...

Every application should handle an authentication flow; in this article, you'll learn how to build an...

npm or yarn, what does this project use? Or maybe it's pnpm? Or Bun? Well, let's just use ni! Is...

Photo by Drew Beamer on Unsplash I started using Angular in 2017 when version 4 was released. And I...

Hi folks, In release 1.32, Playwright released a new cool feature for us, the UI Mode! This feature...

Pass router info to routed component inputs Topics covered in this...

Hey Folks, In this post, you'll learn how to debug and check whatever happens in your React Query...

Stop! 🛑 You no longer need to open GitHub and search 🔎 for that issue you were assigned to. You can...

In some applications, you need to create a full-text search to improve the search of data. In some...

Hey folks, Today it is time to talk about two hooks exposed by react query: useIsFetching and...

Doing Code Review 📖 on a GitHub Pull Request without leaving Visual Studio Code? Easy! 👇 Last week...

Introduction A few months ago I started to talk about my journey as a Technical Instructor...

Twitch streaming can be fun and fulfilling, but has various roadblocks in the way for newcomers. Here's how you can overcome them and grow your Twitch channel.

When working with objects, you may hear the term "mutation". What is that? How does it work? How do let and const REALLY differ from each other? This and more:

It is quite common, especially in medium/large projects, to have to run multiple projects in debug...

Did anyone say the word Productivity? We're all used to the GitHub User Interface so we usually...

Hey Folks, It's time to talk about the second core concept in React Query, mutation. What is...

How to Fork a repository on GitHub is as easy as pressing a button, we take this for granted, but why...

JavaScript's `this` keyword is imperative when dealing with classes in JavaScript, but can introduce some headaches. Let's solve that using the `bind` method

Hey Folks, It's time to take a journey on react query. Don't you know it? Perfect, you are in the...

Do you know Javascript? The language we all love has some weird and sometimes unexpected...

Free resources for developers, board games and chess... what do they have in common? You can find...

bash? You mean the terminal where I do my git commands?

Amidst all the conversation around Signals the recent weeks, I have forgotten to talk about arguably...

If you've ever built a production React application, you've likely ran into various performance problems along the way. Here are the most common and how to fix them.

How does the old Winston Churchill quote go? Those who fail to learn from history are doomed to...

One of the processes I typically do in my daily work is interactive rebase. I commit a lot, and then...

There has been some buzz recently in the frontend world around the term "Signals". In seemingly short...

Photo by Clay Banks on Unsplash This is Learning was started in 2020 by @layzee. I presented how we...

Hey folks, Today it's time to speak about how to parametrize tests with Playwright. There are cases...

When you work on multiple projects, and this happens quite often if you're into Open Source, you will...

When you work with git, you want to get info about commits and who changed the codebase...

Formik works incredibly, but I have some concerns with it. As a result, I ended up writing my own library called "HouseForm" to compete. Here's why.

In this path with Playwright we spent a lot of time speaking about e2e tests and component testing in...

In my daily routine, I work with git, and I suppose it's the same for you. I know all the standard...

Why do you need to move commits between branches? Let's imagine this scenario: You're so happy, the...

On a project I finally hit 100% Code Coverage 🎯 what could go wrong now? I tested ALL lines of my...

Hey Folks, Today I'll speak about parallelism and sharding with Playwright, so don't waste time and...

Learn how to implement integrated routing component tests with RouterTestingHarness, provideRouter, and provideLocationMocks.

Showing how we can build a Android Studio plugin to provide our own project templates in the Android Studio new project wizard

Hi there, Today I want to speak about Visual comparisons with Playwright. In some projects is...

I get asked on every single video what is this autocomplete I’ve got on my terminal, and the answer...

When talking about unit testing, the first definition that comes into our head is to test the minor...

TL;DR: Nothing! Angular 15 simply doesn't ship anymore environment files by default. You...

Hi there, Today I want to talk about how to mock API with Playwright. To do that, I add a new...

While puzzling around with Nx' Webpack Module Federation support, I stumbled upon an issue that...

I heard about "Hey, GitHub" (now called Copilot Voice) for the first time last November, in a very...

Hi there, Today I want to speak about integrating Playwright in your GitHub action CI. So don't waste...

Learn how angular's async pipe is not pure and how that's not a problem, by building async pipe from scratch.

Yes, that’s normal! Why? Because of how Angular does change detection under the hood! To better...

You may have heard that "UUIDv2 is bad". Maybe you've never even heard of them and thought UUIDs went from v1 to v3. Why is that? What did UUIDv2 do wrong?

When discussing ID generation in software, you may have heard of a UUID. What are they? Are they useful? What are the different versions? Let's explore that.

I'm quite sure all of these happened to you at least once: You committed a change with the wrong...

In previous article we analyzed a generic workflow for the creation of a directive capable of adding...

Hi there, Today I'll speak about a beta feature in Playwright: Components. The team is building a...

There's a plethora of triggers you can use to run a GitHub Action. You can run it on a schedule, on a...

Intro During my daily work, sometimes I have to switch between different projects: backend...

How to write a directive to add it. And why you shouldn't. If as a coder you...

In the previous article, we saw how to set up a pipeline with AWS Amplify, but as long as things are...

TL;DR; Ninja is available directly in the windows images Use to set up the MSVC environment for buildingwith Ninja. You need nested quotes for CX...

Making hilarious things with no emitted code.

Green squares on GitHub aren't just a mere activity indicator. Move a step back and look at the...

Hey there, Today I want to speak about Fixtures, a vital friend if you're going to work with...

GitHub Actions can bring your project to life, for real! If you never used them, this video tutorial...

Reactivity is core to JavaScript frameworks; changing data should cause a re-render. How does this work in Angular? Let's dive into the Angular source code to see.

In the first two articles of this series we learned how AnimationRendererFactory generates its...

The company I work for is an AWS partner and it is natural that many of the applications we build are...

The wonderful thing about glimpsing into the future is that the path is never completely clear. We...

Hi there, today you will learn how to generate the code for your tests. First of all, you have to...

One of the pain points that I am sure some of us have come across when using Firebase projects that...

This post keeps digging into AnimationRendererFactory creation routine, with a focus on triggers...

A few weeks ago Vercel released Edge Config, a new feature available to everyone so I tried it...

Debug your tests One of the most popular things done by developers is to debug the code...

This article is intended to be the beginning of a short series about Angular transition animations...

GitHub Actions are so cool, you can automate your workflow for free and they’re really easy to set...

Today I'll show you step by step how easy it is to deploy a Fastify server on Azure Function. ...

Photo by Mantas Hesthaven on Unsplash This is going to be challenging to write. This year felt like...

What are you going to learn in this post? In this post, you will learn how to write tests...

When Merging a Pull Request on GitHub, you mainly have three options, with a merge commit, squash or...

Today I did some experiments with Python, I decided to do this activity with GitHub Codespaces...

Everyone is going crazy for ChatGPT so I wanted to give it a try myself. I'm not the best person to...

In the last period, in the frontend ecosystem, a new e2e tool has come up and it has started to...

Hi 👋 today I want to share with you 5 extensions that are vital in my daily job. I don't like too...

If you're familiar with my content, you know I often talk about how to find new Open Source projects...

Today I was talking with my friend Leifer, and he asked me some about Functional Guards in Angular...

Preface Is your team aware of the relations between your modules? Is a team member able to...

I recently discovered the Visual Studio Code - Dev Containers feature and I thought to share with you...

Today I launched my Discord server to talk about Open Source and Web Development, feel free to join:...

A quick overview of YAML sequences (arrays/lists) and mappings (hash maps/associative arrays).

After two days of conference I'm waiting for the flight to go home and I thought to share with you my...

I'll share the link later, but let me spend a few words on how I got to this point first! This isn't...

Contributing to Open Source projects that are hosted on GitHub has a barrier: git. Some fresh...

Recently I'm developing an Angular application, but with the increasing complexity and pressing...

Hi folks, today I'm going to speak about another cool VsCode Extension. In many projects, I love...

It's been a while since I wrote a piece about a SolidJS technology innovation. It's been two years...

Working as a consultant I often carry out refactoring activities. I want to talk about that in this...

In my daily work routine, many times I have to switch from VsCode and Github to create a PR, review a...

Since version 14, we can play with Standalone Components as an easy way to build module-less...

Hello everyone, Leonardo here! Today we talk about GitHub and some cool features it offers to...

Preface Many developers don't know very well which is the line between Javascript and...

I recently gave a talk on testing and I focused the speech on the life cycle of a successful...

When we build an Angular application with multiple modules in a large app, the main script file...

Setting up an Alias Repeating the same git commands over and over again can be such a...

Ok, it's not a super secret feature, but I noticed some of my colleagues and friends do not use it at...

Do you want to add a new feature on Visual Studio Code, or fix an existing bug? Here’s how to do...

It's been some time since I started my extra-work FREE mentoring path through the Mentorcruise...

What is a Code Smell? Let me provide you with my personal definition and some examples to...

z-index is a CSS property that helps control the z-axis height of an element, but it often doesn't seem to work. Why is that? How does it REALLY work?

One of the major blockers for newcomers to Open Source is that unpleasant impression of not feeling...

Hacktoberfest is starting tomorrow!! Are you ready?? In case you're quite new to git, I will try to...

“You should never use function calls on Angular templates!” — That’s what you will see all over the...

Hacktoberfest will start in a few days, are you ready?? Let me check my gear... git updated to the...

When we need to have different versions and use cases and make it flexible to the changes, however,...

The introduction of dynamic islands in iPhone 14 piqued the interest of many designers and developers...

Classes and methods might get really long, making you lose context of what the code is about. Visual...

September is almost over and Hacktoberfest is to begin soon! But what is Hacktoberfest? It is not an...

Is the title a clickbait? Nope, let me explain. Learning new stuff is amazing and courses and...

Working with Angular has its gotchas, but what makes it really a joy to start off, is its language...

A few weeks ago I decided to create an e-commerce storefront based on real GraphQL APIs to sell...

What if I tell you that you get paid in real money - with Open Source? Wait, that's not a scam or a...

You can find a video version of this article on my YouTube channel. Did you know that you can...

The local component scope of a standalone Angular component is managed by listing declarable dependencies in the Component.imports metadata option.

The future is now, old man. Standalone Angular applications are now a viable alternative to classic NgModule-based Angular applications.

Maybe you've heard the term Resumability thrown around recently. Maybe someone gushing over Miško...

You can find a video version of this article on my YouTube Channel. Introduction Opensource...

Sharing code between components in Angular is TOUGH. Here's one way you can do so by utilizing base components that you extend - and why you shouldn't use them.

Learn data pack development in Minecraft - using player scoreboards, variables, and operations!

You can find a video version of this article on my YouTube Channel. Intro Today we're...

This post was first posted in my newsletter All Things Typescript focused on teaching developers how...

Intro Let's see the steps you need from zero to creating your first Pull Request. If...

I'm not sure if there's ever been a language more loathed, yet so widely used, as JavaScript. I'm...

Intro In this article I'll tell you about a cool tool I just found on npm, called npkill,...

If you have 59 seconds and in particular you're also on mobile, you might enjoy watching the YouTube...

Hello everyone! I recently posted an Article about benefits and advantages from contributing in Open...

A peek under the hood of Vue compilation. See how Vue interpretes TypeScript

JavaScript functions are widely used in web development... but do you KNOW them? Let's explore the fundamentals and how they can be used in unorthodox ways

TL;DR: The video was originally posted on YouTube, for a higher-quality version you can watch it...

Interpreted languages have various footguns. Let's explore one such footgun I ran into recently with Python and how I fixed it.

Photo by Nick Morrison on Unsplash I had planned an Angular Course for the community for a very long...

When navigating through GitHub you may land on awesome profiles with "live" content being updated...

Having the ability to structure your projects (and these don't exclusively have to be programming related) gives you a massive advantage when it comes to being organised, and keeping your life organised.

This post is an extract from my new newsletter The Pragmatic Dev focused on covering developer tools,...

We all ask questions from time to time, so here are some of my favourite tips when it comes to how to improve the quality of your questions.

Using mutable data types can be dangerous in multi-threaded applications. To help that we can make sure of thread safer immutable data types

Primitive obsession is an extremely common code smell, and when identified and fix, it greatly helps to reduce the amount of bugs that you may find in your code.

When you read JavaScript/Typescript code, have you ever encountered an imported package and wanted to...

Sometimes there are problems that have no universally good solutions. There is some tradeoff to be...

Learn to use when to use HashMap instead of Loop

NOTE As I write this blog post, the AngularJS has already reached EOL. It's been 10 months now. ...

Learn the beginnings of data pack development in Minecraft - using positions, entity selectors, and conditional logic in commands!

Learn the beginnings of data pack development in Minecraft - using commands and functions to add custom behavior from scratch!

Python has a secret superpower with a similarly stupendous name: Magic Methods. These methods can fundamentally change the way you code with Python...

Deciding on the approaches and tools to use to build on web these days can be a challenging prospect....

Angular differs from Vue in some keys ways, including its "Incremental rendering". This shift introduces something I call "DOM Pollution"; its why I prefer Vue over Angular.

Utilize the best of both worlds — Windows and Linux — without having to dual boot. Windows Subset for Linux (WSL) lets you run software designed for Linux in Windows.

I've been sitting on writing this article for 2 years. In my heart this was the article I was going...

There are different ways to build a website. One of them was Multi-Page Applications (MPAs) which...

A Regular Expression – or regex for short – is a syntax that allows you to match strings with specific patterns. Think of it as a suped-up text search

Photo by Annie Spratt on Unsplash In the last couple of years, the number of developers contributing...

Before I wrote this, I was in the middle of writing a Twitter thread about performance on the web and...

When we build an app, some data like the menu and options don't change with frequency. The best...

If you are reading this, you've probably heard of SSR (Server-side rendering), SSG (Static site...

Angular help us to convert values for display using Pipes; the pipes are a way to transform input...

Live reloading changes to our codebase is one of the core tenants of a great developer experience....

That is an ambitious title for an article. An ambitious goal in general. Hydration, the process of...

If you used to adopt Visual Studio in the past probably you already know something about...

Photo by Luca Bravo on Unsplash Note: Due to NDA, we won't mention the client's name. We finished...

CSS animations emit events that we can listen to using Javascript. There are slight differences in...

In Rxjs, when we work with observables handling the errors is a bit confusing for beginners because...

In Typescript 4.3, typescript introduced the const assertions. const assertions are used to tell the...

useEffect is prolific in React apps. Here are four rules associated with the hook and in-depth explanations of why they're important.

A tuple type is an array with a predefined length and predefined types in each index position in the...

Visual Studio Code is one of the best code editors in this moment. Its Palette has many features but...

When we start to build the application and feel the code duplicated are in several places, our first...

Everyone wants to write code in a fast bug-free way without thinking about its style most of the...

When Misko Hevery (creator of AngularJS) approaches you to look at his new framework, well, you stop...

When we build components in an application, we maybe need to share or send data from parent to child...

Arrays are already well described in typescript, but sometimes we need to be more strict with our...

In this blog I talk about the Doomsday Rule, how it works, how to put it into code then how to make a program that tests you.

Hello Folks 👋 Today we'll see how to handle seed with Prisma. Seeding allows you to re-create...

Hydration is the name given to the process in JavaScript frameworks to initializing the page in the...

Hello Guys 👋, Today it's time to speak about migrations. Migrations in Prisma are managed by Prisma...

Hello Folks 👋 Today it's time to see how we can execute our own queries. In prisma we can run two...

React 18's internal changes improved a lot, but may have broken your app in the process. Here's why and how you can fix it

Hi Guys 👋 Today we are going to see how to enable logging in Prisma, so don't waste time and let's...

Return? It never went away. Or at least that is what some smug "told you so" is going to say. But for...

Hello Guys 👋 Today it's time to speak about transactions. Transactions are a pillar of the database...

Test Driven Development is often taught to improve a your workflow; I present Documentation Driven Development as an alternative approach.

Did you know that 35% of developers are using .NET? This is a great article to read to get started with .NET.

Welcome back Folks 👋 Today we are seeing how to aggregate and group data. Let's start from the...

Hi Guys 👋 Today we are going to see how to paginate our results. So don't waste time and let's...

When we want to test our code, some things have dependencies inside, and you don't want to call these...

Welcome back Guys, Today it's time to get our record using the select command. Let's start with a...

React 18 introduces some awesome features that I'm sure you can't wait to try! Here's how you can get started with React 18 today!

Hi Folks 👋 Today it's time to learn something about the update operation, so don't waste time and...

Hi Guys 👋 today we are going to see the delete operation. Before moving to the delete operation, in...

Dockertest enables us to use Docker to create containers to run our tests against. With dockertest,...

A while back, I had a look at why you should avoid using the any type and instead use the unknown...

Welcome Guys, Today it's time to add some records to the database 😁 so don't waste time and get your...

Hi Folks 👋 today I'll show you how to create relations among your entities. So don't waste time and...

Photo by Kyle Nieber on Unsplash It's been six years since I left my job at a startup where I worked...

Angular, by default, comes with Jasmine; it is a great testing framework. I spent one year and a half...

Hi Guys 👋 welcome back. Finally, today it's time to create our database, so don't waste time, and get...

Web components have had a long history to get where they are today. Let's look back to see where they came from & their immense growth!

Hello Folks 👋 and welcome back to this series, today it's time to create your first table with...

Hi Guys, welcome to the second article of this series. Today I'll show you how to setup a project...

I had someone recently reach out to me to ask "What is Suspense in the general sense?" They said all...

Hi Folks 👋 and welcome back, Today I want to start a new series about Prisma. But before starting I...

While web components can be used standalone, they're paired best with a framework. With that in mind, which is the best and why?

If you work with docker, typing for every action is not a good deal, and sometimes it can be a...

This article isn't going to teach you about the latest trends in frontend development. Or look in...

Motion One is a new animation library built on the Web Animations API. If you have used Popmotion or...

Typescript 4.5 was just released and one of the features that stood out to me is the Template String...

My personal approach to writing docs, mainly aimed at frameworks and the like.

Transitional JavaScript Apps? What? Well honestly I'm not sure I know completely myself. It is an...

Google pushed for web components, sure, but they didn't stop there. They also went on to make an amazing framework to help build them: Lit!

Be ready to deploy your apps with Docker is a one of higher-demand knowledge today, and this article...

Surprising to some, calling TestBed.compileComponents is unnecessary unless you're Google.

Photo by John Bakator on Unsplash NgRx Effects Effects are a powerful model for handling...

Sometimes we have a long list of imports, with files that come from the same place, it makes our...

When we go to a party, I love to have all beers ready to drink and take one, but sometimes take time...

Photo by Callum Shaw on Unsplash Last year around August 2020, I decided to leave my full-time job...

Size in JavaScript Frameworks is actually a pretty tricky thing to estimate. Even nailing down the...

Different browsers come with a different set of dev tools to help developers. When it comes to...

Introducing the ModuleTeardownOptions#destroyAfterEach option for the Angular testbed.

Hello Folks 👋! Today it's time to speak about testing and how to test the code when we use...

What's a Subject Luca? And why today do you want to speak about subjects? Is there a mistake in the...

When we use external libraries, it is very common to declare a global object and use it. But the...

GitHub Copilot is an amazing tool that I think will drastically improve the way that I code. But it won't replace me. Here's why.

Hi Folks 👋 after many articles in which I have illustrated the different types of operators already...

Hi Folk 👋, in the previous articles we've seen that when we subscribe to an observable, the...

One of the best practice in our work is handle the errors, so today I'll show you some operators in...

One of the easiest things is a burger. The burger has the same base but changes its content, so let's...

How we define our types in Typescript impacts how effective typescript is at warning us when we make...

Hi Guys and welcome back, today I'll illustrate you two simple types of the pipeable operators:...

Welcome back Guys, Today I'll show you some utility operators. Let's start :) tap Used to...

Most of you probably have heard of Animate.css. It is an open-source CSS animation library with lots...

Hi Guys and Welcome Back, Today I'll speak about the Join Operators. Some of these operators are...

Welcome back, Today I'll speak about the Transformation Operators. These operators are used to modify...

Photo by Christin Hume on Unsplash My friend Vinit Shahdeo asked me to share my experience as...

After I finished the first article I wasn't sure how long it would be before we'd have enough topics...

Welcome back Guys, Today we'll start with the Filtering Operators. As you can imagine these...

Previously, we covered various approaches that you can take to narrowing types in Typescript. Type...

Welcome back guys, today I'll start to show you the Creation operators in RxJS. The Creation...

Animations add life to your application and can greatly increase your app's overall user experience....

Hi guy, before continuing with the operators, today I want to explain the Marble Diagrams. The Marble...

Hi Guys and welcome back, today I introduce the concepts of Operators. Operators are functions. Isn't...

Welcome back guys, today the topics of the article are Observers and Subscriptions. ...

Hi Guys, Today I want to start a little series about Reactive Programming with RxJS. I start from the...

From time to time, we come across situations where the type isn't known beforehand, i.e. could be...

Marko recently released a preview for its upcoming Tags API. This is pretty exciting as it adds a...

Photo by SIMON LEE on Unsplash Forms can be complicated Seriously. I feel like the days...

In the spirit of my last few articles, where we have looked into Template Literal Types and Types and...

Demonstrating the "grep" and "invertGrep" test filtering options of Angular CLI's Protractor builder.

With software development, we are often presented with alternative choices for libraries and tools...

When we create a component, you can reuse it in some places, and his style should also relate to his...

When we build components it needs to be flexible, because they can be used in many places or...

GitHub Copilot is a huge step forward for tech. Luckily, it improves our lives. Unfortunately, it will break your interviews. Here's why.

Svelte is an amazing JavaScript framework that has been getting a lot of attention the last year....

Docker development containers enable developers to set up development environment faster and...

One of the ways web components differs from a framework is that it works right in the browser. Here's how to build them from scratch.

There was a time that I would have never imagined the need to write an article like this. If you were...

Last week we released SolidJS 1.0. A JavaScript framework built on a foundation of ideas long ago...

With my focus recently going back to look at optimization for the Solid 1.0 release, I thought I'd...

In this article, we will take a closer look at template literal types and how you can take advantage...

In this article, we will learn how to extend Scully functionality through plugins. We will do this by...

In this article, we are going to learn how to create functions which are easy to test and mock using...

In 2017 Tom Dale, wrote Compilers are the New Frameworks. And he was right. In 2017 things were alrea...

Cover photo by Ian Schneider on Unsplash. Hey everyone, my name is Santosh. In this article, I will...

Accessibility allows as many people to use your product as possible. That, in turn, generates more profit. Here's how to improve it on web.

Interviewing for frontend engineering positions can be difficult. Let's walk through some things you should focus on while interviewing.

Setting up an Angular 12 workspace with Nx. Also setting up a GitHub Actions CI workflow with Nx Cloud support.

I decided to do a quick tally and I realized I've written almost 70 articles in the last 2 and a half...

A couple of years ago in the The Real Cost of UI Components, I explored the cost of components in Jav...

Python is a language with broad and powerful APIs. One such API is 'List Comprehensions'. Let's learn to use them to improve your code!

Setting up an Nx workspace for .NET development with nx-dotnet. Also setting up a GitHub Actions CI workflow.

Every once in a while, you end up in a situation where you need some variation of a type. For instanc...

Interviewing candidates is tough. It just is. Here are just a few of my tips to make your tech recruiting go smoother.

Zero JavaScript has been the new buzz phrase around JavaScript libraries for the last little while....

This is Learning is the place to share what you learn. Welcome!

Making sure your app's code is structured well is critical. Mastering React Unidirectionality is a huge part of that. Learn how to here.

Have you ever created a new library? You saw a gap when creating a project at work. So you worked on...

In this article, we are going to learn how you can speed your Scully builds by re-using Angular build...

Rust allows you to build super-fast and flexible applications. Let's build one leveraging enums, pattern matching, and the Options API.

The plugin architecture is a well-known software design pattern used for its flexibility, extensibili...

In this article, I wish to finally address the question "What is Solid not as good at?" The list migh...

Photo by Barn Images on Unsplash This article is part of the Angular Architectural Patterns s...

You've heard a lot about Node, NPM, and Yarn - but aren't sure what they are. Let's introduce them in-depth and answer questions about them!

Hi guy and welcome back :) Today I'll talk about the Rest Parameters and the Rest...

This is my personal journey, so if you are here hoping for the general "How To" guide you won't find...

In the final part of this tutorial, we create the seatmap data access, seat listing feature, shared buttons UI, and shared formatting utilities library. Finally, we compare our approach with the full Nx toolchain.

In Part 4 of this tutorial, we create the check-in data access and check-in feature shell libraries. We create the check-in desktop application, review and verify how much our tool automated and finally create the mobile check-in application.

In Part 3 of this tutorial, we create the passenger info and flight search feature libraries. We use the generate project tool to create the mobile booking application and its test project. Finally, we create a mobile version of the flight search component template.

In Part 2 of this tutorial, we'll set up our custom generate project tool and create the shared and booking data access libraries with NgRx. To honor the flow of dependencies, we extract a shared environments library.

In this step-by-step tutorial, we set up an Nx-style monorepo workspace with the Angular CLI. In this first part, we create an application project, an end-to-end test project, and a feature shell library.

Hi Guys, Today I'll show you some advanced utilities exposed by the typescript language. Let's...

In this article, we are going to look at how we can build a webhook to trigger a GitHub action workfl...

In some cases, we need to manipulate some types to create new types. In these cases, we have to use...

Today I talk about the infer keyword. Sometimes, we need to get the value type of an array or get the...

Learn how to create and consume a custom component harness using Angular CDK. With a step-by-step case study, we run it in unit tests and end-to-end tests.

Extract workspace libraries to get tiny Angular application projects. We'll create assets, styles, and environments libraries for an Nx workspace. Step-by-step commands and instructions.

AOT everywhere, dynamic globalisation, strict mode, Bazel, and much more.

AOT, faster tests, stronger types, and component harnesses.

How to respond to Angular Ivy in 2020/2021 if you're a library author.

The Angular Ivy runtime introduces a new concept called component features. Component features are mixins for components. They add, remove or modify traits at runtime.

Create components and directives for manual tests.

Learn the ins an outs of Angular dependency injection in automated tests.

Building a robust component architecture.

In some cases, we need to detect if an object/type has specific properties or characteristics. Let me...

My recent article How React is not reactive, and why you shouldn't care opened up a much larger debat...

Learn how to extract presenters from presentational components. We discuss stateful and stateless presenters, component-to-presenter ratios and when to use a component or a pipe instead of a presenter.

Presentational components encapsulate presentation and UI behaviour. They can be stateful or stateless and are connected to the application state through their data binding API.

Learn tactics for testing RxJS observables and application state commands. Opt out of Angular testing modules for blazingly fast unit tests.

There are some cases, where we need to detect the type of the object to get the correct...

There are times that we need to create some assertions to be sure an object respects some rules. A...

If the title agrees with you, you can stop reading right now. Move on to the next article. In technol...

Today I want to talk about the never type. As you can understand, this type identifies a piece of...

In some cases, you have a field that you initialize in a method, and if you follow the flow of the...

Tuple types allow you to express an array with a fixed number of elements whose types are known, but...

Cover photo by Helena Lopes on Unsplash. "You should always try to be a better person than you were...

function sortAndReverse(list: number[]): number[] { return list.sort().reverse(); } const list =...

In this article, we are going to take a look at the Platform Module from Angular CDK. The platform mo...

How many times we expect an object property to have a value but it isn't? In these cases,...

Welcome back guys, today I'll speak about the "Index Signature". In some cases, we need to create...

Hi guys and welcome back, Today I'll talk about the optional modifier. Sometimes we have objects that...

Hi guys, today I'll talk about the difference between any and unknown. Any Any type is a particular...

Hello everybody and welcome back, today I'll talk about this parameter. Sometimes we need to create...

Welcome back, guys! The topic of today is Overloaded Functions. All self-respecting programming...

Hi and welcome back! Today I talk about Union and Intersection. In some cases, we have to combine...

Welcome back! Today I'll talk about the keyof operator. This operator helps us to extract the...

Welcome back! Today I show you the Literal Types. This feature permits you to create a set of...

Today I want to start a series of tips and tricks about Typescript. I will try to publish two/three...

Tips on how to get yourself a proper development environment on the iPad to fully exploit its potential.

Container components are extracted from mixed Angular components to increase the maintainability, testability and scalability of our Angular apps.

Some time ago, I received a bug report that, in short, said "your class does not work with CRTP". I was very confused bythis statement. First a sh...

Where there's smoke, there's fire. Use this top-level integrated test suite for any Angular application.

Add and configure Stylelint. Then automate Stylelint workflows in your Nx workspace.

How to set up a new Nx workspace using angular-eslint or migrate an existing Nx workspace from ESLint or TSLint.

React Refs are an immensely powerful, yet often misunderstood API. Let's learn what they're capable of, and how they're usually misused.

Do you use custom fonts that you want to share with multiple apps? Learn how to distribute those fonts on NPM and consume them in Angular!

The MVP pattern increases separation of concerns, maintainability, testability and scalability in complex Angular apps by using container components, presentational components and presenters.

Since Angular version 6, we can create tree-shakable dependencies and even leave out Angular modules.

SCAMs are a safe, View Engine-compatible migration path towards standalone components.

NgModule is arguably one of the most confusing Angular concepts.

A quick introduction to the Deno CLI. It's a batteries included executable with everything you need to develop, lint, test, and run Deno code.

Dust off the history books and discover the origins of the MVP pattern.

2020 is the year you can help the Angular ecosystem thrive.

Learn how to test route guards in isolated unit tests. Also learn how to test route guards in practice with RouterTestingModule.

Learn how to stub the ActivatedRoute for shallow routed component tests. Also learn to use the RouterTestingModule for integrated routed component tests.

Learn how to implement shallow and integrated routing component tests with the RouterTestingModule. Explore the Location service and its dependencies.

Last week I tweeted on Twitter how I am moving from a Slum where I lived for 29 years to a multi-stor...

Last year I started working on the home setup, which I never thought would become my home office one...

CocoaPods is a great dependency manager, but some need Carthage still. Let's walk through how to integrate Carthage with React Native!

Have you wondered how programming languages are able to be ran on your hardware? This article explains how your code is processed and ran

An opinion piece on the Angular team and GDE program management.

An opinion piece on the Angular team management.

A file extension isn't the only way a file is identified, so what does it do?

Whether creating changelogs or just keeping track of git tags, releases matter. Learn how to automate your release process with conventional-commits!

Some components make controlling their state easier with 'formControl' and 'ngModel'. Let's see how we can build our own!

An overview of how pointers and references function in C/C++

Writing tests is a big skill for any engineer, but we often over-complicate them. Let's simplify our tests for better testing overall!

An overview of how operating systems give processes their own address space.

A simple explination of writing better tests for Angular applications and setting up Angular Testing Library

While the Android Emulator isn't confined to Intel CPUs anymore, it can be tricky to setup for AMD Ryzen CPUs. Let's explain how to do so.

I present a quick and dirty solution to a common interview question where the solution is not nearly as complex as it may first appear.

Save yourself money by hiding your API keys from prying eyes and nasty bots.

Android allows you to draw content under the navigation bar. It's a neat effect! Let's add that to our React Native apps.

React Native contains multiple different ways you can persist data for your application. Let's look at the choices and their pros and cons.

Many developers like MacOS or Linux for development environments, but don't know that Windows has plenty to offer. Become a Windows pro!

If networking is analogous to physical mail, then let's take a look at the letters being sent themselves. Let's dive into UDP and TCP

An explanation of what server-side rendering is, what static site generation is, and how you can utilize them in React, Angular, or Vue!

NuxtJS and Gatsby allow you to make SSG-enabled blogs, but Angular doesn't have an equivalent... Until now. Let's build a blog with Scully!

You use networking every day - even to read this! Let's dive into explaining how we send data across a network and what the OSI model is.

I often get asked "How do you pick a tech stack for your projects?". The answer is: outline what questions you should be asking early on.

Join us as we teach you how to create a Slack bot from scratch using their Node SDK and MongoDB for persistence

Quantum-entangled rubber duck debugging using real-life subjects. A theory by Michael Hladky.

Before you read this article, I want to make it very clear, I am not blaming anyone here. Keeping thi...

Learn how to interactively debug your NodeJS applications using a GUI-based debugger built into Chrome.

Let’s see why we should and how we can use in-memory-db, you can access the source code on GitHub....

In my previous piece, we discussed NestJS services. In this piece, we’ll look at the injection scope....

Service In enterprise applications, we follow the SOLID principle, where S stands for Sing...

In this blog post, we will explore the controller which is the most important part of NestJS....

Have you ever wanted to run native Java and Kotlin code from your mobile game written in Unity? Well, you can! Let's see how.

This is the first part of the series of articles on the Node.js framework known as NestJS, in this ar...

In order to test web applications with Android properly, you may need to edit the Android Emulator network host file. Here's how to do so.

Introduction to the underlying concepts of HTML, CSS, and JavaScript and how they work together.

Recently one of the .Net developer asked me the question "why we use class rather than interfaces whi...

Are you struggling with setting up an Angular development environment on Windows? Let us get you up and running in no time!

JavaScript is a loosely typed programming language and TypeScript does not change that.

In our eight chapter, we learn how the browser internally handles HTML and CSS to show the user webpages on-screen.

Learn how to convert decimal to binary and hexadecimal, how CSS colors are calculated, and how your computer interprets letters into binary.

An introduction and explanation of what TypeScript is, is not, and what it's used for

Testing the limits of `firstBaselineToTopHeight` and `lastBaselineToBottomHeight` to deliver a perfect result.

An introduction to the type generic functionality in TypeScript

A basic overview of the main components of an Android app and how they interact with each other and the Android system

Basic (but detailed) instructions for setting up a Freenode IRC account through various clients

An in-depth tutorial explaining how to set up Travis CI to deploy signed builds to Google Play. Among other things

Why You Should Invest In Yourself? If you like stories, then this is for you, and more...

Photo by Markus Spiske on Unsplash Hello everyone, my name is Santosh Yadav and I want to share my O...

Learn how templates work in Angular. From the basics to being able to read Angular source code and write your own structural directives

An introduction to Unicorn Utterances, including a mission statement and general roadmap

The performance of came up in a discussion, andmyfirst thought was that from reading generated assembly code, it's a jump table, so it should be...

A former colleague of mine recently described the steps to speak at a conference as: Write a proposal and (optionally) a talk outline. Get accepted...

Now and then, I find myself writing something like if (x == a || x == b || x == c) ... , and every time the repetitionof x == annoys me. A number ...

Learn how to use Angular route guards for authenticating & authorizing access to certain child and parent routes.

A flat map is a data structure that maps a key to a value, and that stores the data in a compact flat memory structureto get better cache hit rate...

So I've written about compile time quick-sort twicebefore ( 2011 and 2015 ,) but now with C++17'supcoming support, I thought I'd try it again. Ge...

Yesterday's post about Generating lambdas for clarity and performance showed how to make use of higher order functions to improve clarity while giv...

Higher order functions , functions that operate on other functionsor returns functions, are familiar to those who have had some experience with fu...

Serializing data in C++ is a surprisingly difficult problem. There are many libraries for it with varying degrees offinesse, power and ease of use...

Recently I stumbled upon a question by @arne_mertz of Simplify C++ fame — if you don't read that blog, start now! — about using string literals as...

We've all experienced them, the long and unhelpful compilation errors from templates, usually referring to some internalheader you didn't even kno...

We've all hand crafted comparison operators for structs with many members, and we've all cursed the tedium. It's allright for equality comparison,...

I must begin by saying that, if you found this because you have a performance problem, you should almost certainly look elsewhere. It is highly unl...

Edit (June 2015):: The source code is now available on GitHub . When writing unit tests, you typically don't care much about execution speed, but c...

This article is outdated!: This article was written a very long time ago, and its contents no longer apply. Read the newer version by clicking here...

As previously introduced ,the Trompeloeil C++ framework is a new mocking framework for C++14. If you'renot at all familiar with Trompeloeil , you...

Trompeloeil is a new mocking framework for C++, aimed at ease of use withoutsacrificing expressive power. In arts, trompeloeil is intended to mock...

Sometimes when crafting an interface, we want to ensure that some illegal constructs lead to compilation errors. Afterall, a good interface is eas...

This article is outdated!: This article was written a very long time ago, and its contents no longer apply. Read the newer version by clicking here...

This article is outdated!: This article was written a very long time ago, and its contents no longer apply. Read the newer version by clicking here...

A lot has been written about new features coming in the 2011 revision of ISO C++. One that has received surprisinglylittle attention is the <chron...

This article is outdated!: This article was written a very long time ago, and its contents no longer apply. Read the newer version by clicking here...