Vue 3 UX Wins with Async Components & Suspense

Lazy loading components is an easy way to improve the user experience of your app especially if your code bundle is big or if users are on slow connections. in this article discover, how Vue 3 improves user experience using async components and suspense. - https://medium.com/js-dojo/vue-3-ux-wins-with-async-components-suspense-ab20faca5886

#vue

Running a Playwright Script on AWS Lambda

If you’ve struggled to make it work too, Matt has some pointers. - https://steele.blue/playwright-on-lambda/

#nodejs

Partially Controlled Components: A Declarative Design Pattern

Conventional thinking considers React components as either controlled or uncontrolled, but James makes the case that it’s not actually that black-and-white: there are also partially controlled components. - https://www.jameskerr.blog/posts/partially-controlled-react-components/

#react

Story of a Developer who choose not to use Monorepo & Nx - https://medium.com/@daniel.glejzner/story-of-a-developer-who-choose-not-to-use-monorepo-nx-9a0e4f9da228

#monorepo

Case Study: Rebuilding TechCrunch layout with modern CSS

Ahmad Shadeed shares a case study that demonstrates how modern CSS can help you create a complex layout. - https://ishadeed.com/article/rebuilding-techcrunch-modern-css

#css

When and why to use ng-content in Angular?

Learn about the powers of <ng-content> feature - https://medium.com/geekculture/when-and-why-to-use-ng-content-in-angular-1a57bc7fe697

#angular

Understanding Vue Teleport

In Vue 3, the introduction of the Teleport feature has greatly enhanced the flexibility and power of Vue components. With Teleport, developers can easily render a component's content at a different location in the DOM tree. In this article, we will explore the concept of Vue Teleport, its benefits, and how Vue developers can leverage it to create dynamic and modular applications. - https://enterprisevue.dev/blog/understanding-vue-teleport/

#vue

Build and Deploy a Full Stack MERN Next.js 13 Threads Clone

An extensive, five hour screencast walking through the creation of a Threads/Twitter/X-style app using Next.js 13 and Clerk for user management. - https://www.youtube.com/watch?v=O5cmLDVTgAs

#react

Observing Node.js Processes with eBPF - https://opeonikute.dev/posts/observing-node-with-ebpf

#nodejs

Storybook for Vue 3

Vue 3 is the latest major installment of Vue.js that features better ergonomics, better performance, and new APIs for managing large apps. Find out in this article why and how Storybook works perfectly with Vue 3. - https://medium.com/storybookjs/storybook-for-vue-3-947b868758d9

#vue

My Experience Modernizing Packages to ESM

Mark, well known for his work on React and Redux, details the painful experiences and hard-earned lessons learned migrating the Redux packages to ES modules - https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/

#npm esm

Let’s Make a Rubber Button With HTML, CSS and SVG

Tyler Sticka shows how to create a Rubber Button effect. - https://cloudfour.com/thinks/rubber-button

#css

How to Optimize and Add Server-Side Rendering to an Angular Application

Optimizing an Angular application is crucial to its performance. We can improve the performance of an Angular… - https://bootcamp.uxdesign.cc/how-to-optimize-and-add-server-side-rendering-to-an-angular-application-588f6a91292b

#angular

Where Should I Put My Components in the Next.js App Router?

Find out what your options are for where you can put all your components in an App Router application. We’re more used to seeing Jack on his YouTube channel, but he now blogs too. - https://www.pronextjs.dev/where-should-i-put-my-components-in-the-app-router

#react

Good practices and Design Patterns for Vue Composables

This article from Jakub Andrzejewski combines knowledge from his personal experiences and other articles on good practices and design patterns for writing Vue.js composables. - https://dev.to/jacobandrewsky/good-practices-and-design-patterns-for-vue-composables-24lk

#vue

Nodejs Developer Roadmap 2023

Explore nodejs developer roadmap for 2023. A step-by-step guide to how to become nodejs developer, increase… - https://javascript.plainenglish.io/nodejs-developer-roadmap-2023-4e2fccc0ff54

#nodejs

How layout position impacts three big web performance levers

Sia Karamalegos shares three common problems related to layout position: lazy loading images above the fold, asynchronous loading of CSS needed for elements above the fold, and not prioritizing the fetch of the Largest Contentful Paint (LCP) image. - https://performance.shopify.com/blogs/blog/how-layout-position-impacts-three-big-web-performance-levers

#css

Angular: Introduction of Signals for High-Performance Applications

Exploring Angular’s journey from component-templating to signals, enhancing change detection strategies for… - https://blog.bitsrc.io/angular-introduction-of-signals-for-high-performance-applications-4e7aeddcbb62

#angular

Function Overloading in Typescript

Typescript is a type system built on top of Javascript and its only purpose is to secure your application… - https://medium.com/ngconf/function-overloading-in-typescript-8236706b2c05

#typescript

Reactivity with the Vue 3 Composition API: ref() and reactive()

In a single-page application (SPA), reactivity refers to the application’s ability to update its user interface in response to changes in the underlying data. In Vue 3 we are introduced to 2 ways of declaring reactive Variables - Ref and Reactive. This article will explore these 2 functions outlining their uniqueness and use cases. - https://blog.logrocket.com/reactivity-vue-3-composition-api-ref-reactive/

#vue

Building a Two-Way Data Binding Hook for Form Inputs

Two-way form input binding is a popular feature offered by frameworks like Vue and Svelte – what might a React version look like? Consider this more an experiment than anything. - https://www.macarthur.me/posts/binding-input-state-in-react

#react