Advanced TypeScript With Code Challenges: Mapped Types

Learn advanced TypeScript features and apply them to practical code exercises. - https://javascript.plainenglish.io/advanced-typescript-with-code-challenges-mapped-types-6825c7fc984a

#typescript

Using Different Layout Frames For Different Routes In Angular

Login page has no header while the home page does. Admin page has sidebar. How do you do that in Angular? - https://javascript.plainenglish.io/using-different-layout-frames-for-different-routes-in-angular-d96ed096c633

#angular

Building a Blog with Next.js 13 and React Server Components

Some might say that building a simple blog with tools of this calibre is overkill. However, an easily understood case study as a basis for learning is still a useful exercise. - https://maxleiter.com/blog/build-a-blog-with-nextjs-13

#react

Getting Started with Fastify for Node.js - https://blog.appsignal.com/2023/04/26/getting-started-with-fastify-for-nodejs.html

#nodejs

First look at Nuxt DevTools

In this article, go through the main features of Nuxt DevTools which was unveiled a couple of days ago. We will be enabling it on the Nuxt Movie App project which we created in a previous article. - https://blog.alexandergekov.com/first-look-at-nuxt-devtools

#vue

Rebuilding a featured news section with modern CSS: Vox news

Ahmad Shadeed rethinks how to build the featured news section on Vox.com and explores if modern CSS can be helpful for that. - https://ishadeed.com/article/rebuild-featured-news-modern-css

#css

In Praise of Vite

“The single best feature of Vite, as far as I’m concerned, is its simplicity. Compared to the nightmare of configuring WebPack and Babel? Vite is delightfully easy to use.” - https://cloudfour.com/thinks/in-praise-of-vite/

#vite

Must-Know React Portability Patterns

Incorporating these patterns helps avoid “meta-framework lock-in” should your choice of tools take an evolutionary turn you don’t like.. - https://www.youtube.com/watch?v=yi8UCnXPu8U

#react

Writing Unit Tests in Node.js Using Jest - https://semaphoreci.com/blog/unit-tests-nodejs-jest

#nodejs

Angular directive composition

Let’s take a look at one of the most awaited Angular features - https://kevinkreuzer.medium.com/angular-directive-composition-e7d9f789323

#angular

CSS Custom Properties Beyond the :root

Matthias Ott examines the reasons why we’re usually defining global custom properties on :root element. - https://matthiasott.com/notes/custom-properties-beyond-the-root

#css

Vue Mastery: The smart way to add external scripts to your Vue app

In this tutorial, we will be creating a Vue component which can load any number of external scripts into our Vue app without blocking the smooth execution and rendering of our code, and emit events to notify us when each script has been downloaded. - https://leighola.hashnode.dev/vue-mastery-the-smart-way-to-add-external-scripts-to-your-vue-app

#vue

Turbopack: Is Vercel's newest toy better than Vite?

Vercel just introduced Turbopack, an incremental bundler optimized for JS. But what is Turbopack? And is it… - https://blog.bitsrc.io/turbopack-is-vercels-newest-toy-better-than-vite-32abcf95ee43

#turbopack

Advanced Multistep Forms with React Hook Form - https://claritydev.net/blog/advanced-multistep-forms-with-react

#react

CSS Logical Properties: A good use case
Wes Bos shares a practical use case for CSS Logical Properties. - https://www.youtube.com/watch?v=IS698Tc5M7Q

#css

The Most Important Thing You Need To Understand About Angular

The Angular “Template Context” is a practically useful mental model, which once internalized, will be your… - https://tomastrajan.medium.com/the-most-important-thing-you-need-to-understand-about-angular-5f2b3afcac38

#angular

Over 100 Algorithms and Data Structures Demonstrated in JS

Examples of many common algorithms (e.g. bit manipulation, Pascal’s triangle, Hamming distance) and data structures (e.g. linked lists, tries, graphs) with explanations. - https://github.com/trekhleb/javascript-algorithms

#javascript

A Practical Guide to Not Blocking the Event Loop

Typically, JavaScript engines run JavaScript in a single thread with an event loop. However, the nature of mixing synchronous and asynchronous tasks, along with the increasing popularity of workers for running code on separate threads, makes the landscape harder to navigate than it used to be. - https://www.bbss.dev/posts/eventloop/

#nodejs

Logging in and Logging Out

The article explains how to create a user authentication system using Supabase and integrate it with Nuxt 3, the popular Vue.js framework for building web applications. - https://masteringnuxt.com/blog/logging-in-and-logging-out

#vue

Conditional CSS with :has and :nth-last-child

Ahmad Shadeed highlights a few examples of where you can combine a CSS selector with :has() to create conditional component/layout states. - https://ishadeed.com/article/conditional-css-has-nth-last-child

#css