An Introduction to the Node.js Performance API
The perf_hooks module provides a subset of the W3C Web Performance APIs and additional APIs for Node-specific perf measurements. This guide shows how to use several of its features. - https://betterstack.com/community/guides/scaling-nodejs/performance-apis/
#nodejs
The perf_hooks module provides a subset of the W3C Web Performance APIs and additional APIs for Node-specific perf measurements. This guide shows how to use several of its features. - https://betterstack.com/community/guides/scaling-nodejs/performance-apis/
#nodejs
Betterstack
An Introduction to the Node.js Performance API | Better Stack Community
Learn all about the Node.js performance measurement APIs and how to use them to track various metrics across the entire lifespan of your servers
👍4
How to Migrate Large Applications Efficiently from Vue.js To Nuxt.js
This post guides you in migrating a Vue.js app to Nuxt.js, covering key topics for a smoother transition. Whether for SEO, performance, or improved workflows, gain valuable insights to make the process seamless. - https://blog.canopas.com/how-to-migrate-large-applications-efficiently-from-vue-js-to-nuxt-js-bdd9e41f82a1
#vue
This post guides you in migrating a Vue.js app to Nuxt.js, covering key topics for a smoother transition. Whether for SEO, performance, or improved workflows, gain valuable insights to make the process seamless. - https://blog.canopas.com/how-to-migrate-large-applications-efficiently-from-vue-js-to-nuxt-js-bdd9e41f82a1
#vue
Medium
How to Migrate Large Applications Efficiently from Vue.js To Nuxt.js
From Vue’s simplicity to Nuxt’s power
👍6
The Problem with Micro Frontends
Don't carelessly buy into the hype - https://blog.stackademic.com/the-problem-with-micro-frontends-32c6b9597ba7
#microfrontends
Don't carelessly buy into the hype - https://blog.stackademic.com/the-problem-with-micro-frontends-32c6b9597ba7
#microfrontends
Medium
The Problem with Micro Frontends
Don't carelessly buy into the hype (hope you haven't already…)
👍5
Advanced Usage of Angular Dependency Injection
Code reuse and cross-component communication using Angular DI - https://medium.com/@eugeniyoz/advanced-usage-of-angular-dependency-injection-399d0a67a938
#angular
Code reuse and cross-component communication using Angular DI - https://medium.com/@eugeniyoz/advanced-usage-of-angular-dependency-injection-399d0a67a938
#angular
Medium
Advanced Usage of Angular Dependency Injection
Code reuse and cross-component communication using Angular DI
👍4
Modular CSS and different ways to structure your stylesheets
Chris Ferdinandi shares how to structure CSS and work with modular files if you’re not using a compiler like Sass. - https://gomakethings.com/modular-css-and-different-ways-to-structure-your-stylesheets
#css
Chris Ferdinandi shares how to structure CSS and work with modular files if you’re not using a compiler like Sass. - https://gomakethings.com/modular-css-and-different-ways-to-structure-your-stylesheets
#css
gomakethings.com
Modular CSS and different ways to structure your stylesheets
This week, I’ve written about classless vs. class-based CSS, and how I approach CSS architecture. I’ve also written a fair bit recently about how I’m starting to consider build tools and anti-pattern. This has led to a few conversations about how to structure…
👍4❤1
The BEST way to proxy your API in Nuxt
Proxying routes to your back-end or third party APIs is a common practice! Over the last two years, various strategies came up in Nuxt. But not all of them work equally well. To figure out which two strategies are the recommended ones, in this video take a look at the four most common strategies, and their shortcomings. - https://www.youtube.com/watch?v=J4E5uYz5AY8
#vue
Proxying routes to your back-end or third party APIs is a common practice! Over the last two years, various strategies came up in Nuxt. But not all of them work equally well. To figure out which two strategies are the recommended ones, in this video take a look at the four most common strategies, and their shortcomings. - https://www.youtube.com/watch?v=J4E5uYz5AY8
#vue
YouTube
The BEST way to proxy your API in Nuxt
➡️ Proxying routes to your back-end or third party APIs is a common practice! Over the last two years, various strategies came up in Nuxt. But not all of them work equally will. To figure out which two strategies are the recommended ones, we have a look at…
👍4
Building a CLI from Scratch with TypeScript and oclif
oclif is a mature CLI tool development framework maintained by Salesforce. This tutorial goes from zero to something that works. - https://www.joshcanhelp.com/oclif/
#nodejs
oclif is a mature CLI tool development framework maintained by Salesforce. This tutorial goes from zero to something that works. - https://www.joshcanhelp.com/oclif/
#nodejs
Josh Can Help
Building a CLI from scratch with TypeScript and oclif
I'm building a pair of CLI programs in TypeScript and decided to use oclif for flag parsing and releasing. I needed something more than the getting started doucmentation they had so I wrote it myself.
👍6
A Look at ECMAScript's Iterator Helper Methods
The proposal is several years old, but now at stage 3 in TC39, Iterator Helpers are being implemented and ship with V8 12.2/Chrome 122. The helpers are functions like .map, .filter, .take and .forEach and are made available to any object with Iterator.prototype in its prototype chain. - https://v8.dev/features/iterator-helpers
#javascript
The proposal is several years old, but now at stage 3 in TC39, Iterator Helpers are being implemented and ship with V8 12.2/Chrome 122. The helpers are functions like .map, .filter, .take and .forEach and are made available to any object with Iterator.prototype in its prototype chain. - https://v8.dev/features/iterator-helpers
#javascript
v8.dev
Iterator helpers · V8
Interfaces that help with general usage and consumption of iterators.
👍5
Rethinking Reactivity in Angular
Explore Angular’s new reactive primitive, Signals, solving glitches and eliminating manual subscriptions. And… - https://blog.bitsrc.io/rethinking-reactivity-in-angular-3bbe69a5a173
#angular
Explore Angular’s new reactive primitive, Signals, solving glitches and eliminating manual subscriptions. And… - https://blog.bitsrc.io/rethinking-reactivity-in-angular-3bbe69a5a173
#angular
Medium
Rethinking Reactivity in Angular
Explore Angular’s new reactive primitive, Signals, solving glitches and eliminating manual subscriptions. And learn what’s in store for…
👍4
Using CSS content-visibility To Boost Your Rendering Performance
Rob O’Leary dives into the benefits and practical use cases of the content-visibility CSS property, as well as situations where it might not be the most suitable option. - https://blog.logrocket.com/using-css-content-visibility-boost-rendering-performance
#css
Rob O’Leary dives into the benefits and practical use cases of the content-visibility CSS property, as well as situations where it might not be the most suitable option. - https://blog.logrocket.com/using-css-content-visibility-boost-rendering-performance
#css
LogRocket Blog
Using CSS content-visibility to boost your rendering performance - LogRocket Blog
CSS content-visibility helps boost rendering performance by controlling whether or not an element renders its contents.
❤3👍2
How I Built a Server-Side Cache with Express for React - https://latitude.hashnode.dev/expressjs-react-server-side-cache
#react
#react
👍6
The April 10 Node.js Security Releases
Another week, another set of security releases, made up of v18.20.2 (LTS), v20.12.2 (LTS), and v21.7.3 (Current). The main issue relates to a command injection vulnerability on Windows. - https://nodejs.org/en/blog/vulnerability/april-2024-security-releases-2
#nodejs
Another week, another set of security releases, made up of v18.20.2 (LTS), v20.12.2 (LTS), and v21.7.3 (Current). The main issue relates to a command injection vulnerability on Windows. - https://nodejs.org/en/blog/vulnerability/april-2024-security-releases-2
#nodejs
nodejs.org
Node.js — Wednesday, April 10, 2024 Security Releases
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
👍3
Real-time updates in Vue apps with Polling
In polling, client makes the request to the server repeatedly in hope for updated/new data. In this article, the author introduces you to the concept of Frontend Polling in Vue.js apps. - https://dev.to/jacobandrewsky/real-time-updates-in-vue-apps-with-polling-35eg
#vue
In polling, client makes the request to the server repeatedly in hope for updated/new data. In this article, the author introduces you to the concept of Frontend Polling in Vue.js apps. - https://dev.to/jacobandrewsky/real-time-updates-in-vue-apps-with-polling-35eg
#vue
DEV Community
Real-time updates in Vue apps with Polling
When I first discovered a concept of Frontend Polling, I wasn't sure if it is a good idea or not. I...
👍3
Building a Micro HTMX SSR Framework
Matteo builds on an earlier tutorial about creating a ‘movie quotes’ app by exploring an alternative backend stack to use, based upon Fastify, Vite and HTMX. - https://blog.platformatic.dev/building-a-micro-htmx-ssr-framework
#ssr
Matteo builds on an earlier tutorial about creating a ‘movie quotes’ app by exploring an alternative backend stack to use, based upon Fastify, Vite and HTMX. - https://blog.platformatic.dev/building-a-micro-htmx-ssr-framework
#ssr
Platformatic Blog
Building a Micro HTMX SSR Framework
In the Movie Quotes App Tutorial tutorial from Platformatic's documentation suite, we walked through building a multi-tier application with the service layer built on Fastify backed by Platformatic DB and the frontend built on Astro.
In this tutorial...
In this tutorial...
👍3🥰2
Textareas with auto-increasing height using CSS
Amit Merchant gives a short intro to an experimental CSS rule with form-sizing property that will let you increase the height of the textarea automatically based on the amount of text the user enters. - https://www.amitmerchant.com/textarea-auto-increase-height
#css
Amit Merchant gives a short intro to an experimental CSS rule with form-sizing property that will let you increase the height of the textarea automatically based on the amount of text the user enters. - https://www.amitmerchant.com/textarea-auto-increase-height
#css
Amit Merchant
Textareas with auto-increasing height using CSS
Textareas areas are great when it comes to accepting a large amount of text from the user. But, the problem with textareas is that they have a fixed height. So, if the user enters more text than the height of the text, the text will overflow and the user…
👍6
The React 19 Beta
The React team can say this beta is designed to get library developers prepared for an eventual React 19 release, but that hasn’t stopped everyone digging into all the new features anyway - https://react.dev/blog/2024/04/25/react-19
#react
The React team can say this beta is designed to get library developers prepared for an eventual React 19 release, but that hasn’t stopped everyone digging into all the new features anyway - https://react.dev/blog/2024/04/25/react-19
#react
react.dev
React v19 – React
The library for web and native user interfaces
👍7
Angular Best Practice
Angular, developed by Google, is a powerful framework for dynamic programming of Single Page Application… - https://medium.com/@marcomatto/angular-best-practices-83a7f1d7087c
#angular
Angular, developed by Google, is a powerful framework for dynamic programming of Single Page Application… - https://medium.com/@marcomatto/angular-best-practices-83a7f1d7087c
#angular
Medium
Angular Best Practice 2023
Angular, developed by Google, is a powerful framework for dynamic programming of Single Page Application based on TypeScript .
👍4
How to Create a Vue.js 3 Tool Tip Plugin
One of the most powerful features of modern single-page web applications (SPA) is routing. Vue Router is the official library for page navigation in Vue applications. This article will go over everything you need to know to use Vue Router comfortably. - https://vueschool.io/articles/vuejs-tutorials/how-to-create-a-vue-js-3-tool-tip-plugin/
#vue
One of the most powerful features of modern single-page web applications (SPA) is routing. Vue Router is the official library for page navigation in Vue applications. This article will go over everything you need to know to use Vue Router comfortably. - https://vueschool.io/articles/vuejs-tutorials/how-to-create-a-vue-js-3-tool-tip-plugin/
#vue
vueschool.io
How to Create a Vue.js 3 Tool Tip Plugin - Vue School Articles
What is a Vue.js Plugin and how can you create one for yourself? Find out how as we build a Tool Tip plugin together for Vue.js 3.
👍4
Node.js: A Documentary of Its Origin Story
It's an hour long, but this documentary covers the history of Node particularly well, including how everything brewed up to the io.js fork of 2014. Easter weekend watching, perhaps? - https://www.youtube.com/watch?v=LB8KwiiUGy0
#nodejs
It's an hour long, but this documentary covers the history of Node particularly well, including how everything brewed up to the io.js fork of 2014. Easter weekend watching, perhaps? - https://www.youtube.com/watch?v=LB8KwiiUGy0
#nodejs
YouTube
Node.js: The Documentary | An origin story
Back in 2008, most people thought of JavaScript as just a client-side language. But when Google's V8 appeared, young developer Ryan Dahl made the connection between non-blocking servers, V8, and JavaScript. It was by combining these key elements that he was…
👍4