Svelte 5 is Alive
The long awaited next major release of Svelte, the compiler-driven JS UI framework, is the “most significant release in the project’s history”, while remaining largely backwards compatible. A big addition is runes for explicitly declaring reactive state, but there’s much more besides. The official svelte.dev site has also undergone a big rebuild to act as an ‘omnisite’ for all things Svelte. - https://svelte.dev/blog/svelte-5-is-alive
#svelte
The long awaited next major release of Svelte, the compiler-driven JS UI framework, is the “most significant release in the project’s history”, while remaining largely backwards compatible. A big addition is runes for explicitly declaring reactive state, but there’s much more besides. The official svelte.dev site has also undergone a big rebuild to act as an ‘omnisite’ for all things Svelte. - https://svelte.dev/blog/svelte-5-is-alive
#svelte
svelte.dev
Svelte 5 is alive
Our biggest release yet
LeetCode patterns you need to know before your next interview
When preparing for coding interviews, especially for… - https://grokkingtechinterview.com/leetcode-patterns-73b9a18e1635
#leetcode
When preparing for coding interviews, especially for… - https://grokkingtechinterview.com/leetcode-patterns-73b9a18e1635
#leetcode
Medium
LeetCode patterns you need to know before your next interview
When preparing for coding interviews, especially for top-tier companies like FAANG, many candidates turn to websites like LeetCode or…
Vue Plugin Hightlight - Radix Vue
Checkout Radix Vue, an open-source, accessibility-focused UI component library for Vue.js that ports the Radix UI primitives. - https://www.radix-vue.com/
#vue
Checkout Radix Vue, an open-source, accessibility-focused UI component library for Vue.js that ports the Radix UI primitives. - https://www.radix-vue.com/
#vue
Radix-Vue
Radix Vue
Unstyled, accessible components for building high‑quality design systems and web apps in Vue
Next.js 15 Error Handling Best Practices - https://devanddeliver.com/blog/frontend/next-js-15-error-handling-best-practices-for-code-and-routes
#react
#react
Devanddeliver
Next.js 15: Error Handling best practices
Learn Error Handling in your Next.js 15 app. Discover how to handle errors in your code, manage server issues, and ensure smooth displays on routes
A Demo of Running TypeScript Directly in Node.js
“I have published the repository nodejs-type-stripping which demonstrates how to implement a package with a bin script that is written directly in TypeScript - https://2ality.com/2025/02/nodejs-type-stripping-demo.html
#nodejs
“I have published the repository nodejs-type-stripping which demonstrates how to implement a package with a bin script that is written directly in TypeScript - https://2ality.com/2025/02/nodejs-type-stripping-demo.html
#nodejs
Backgrounds for the Box Model
Chris Coyier explains that you can limit how far the background-image of an element applies by using background-clip. - https://frontendmasters.com/blog/backgrounds-for-the-box-model-and-why-it-can-be-useful
#css
Chris Coyier explains that you can limit how far the background-image of an element applies by using background-clip. - https://frontendmasters.com/blog/backgrounds-for-the-box-model-and-why-it-can-be-useful
#css
Frontend Masters
Backgrounds for the Box Model (and why it can be useful)
I had someone write to me the other day that they were trying to visualize the different parts of the box model. They said they would just code up an example themselves, but there is no way to, say, set a background color for just the “padding” area of an…
Reduce the size of your payload and __NUXT__ - Nuxt Performance in Depth
This video is part of a series on Nuxt performance and will focus on payload and __NUXT__ and how you can reduce it’s size within your Nuxt application - https://www.youtube.com/watch?v=laRJNkG_wls
#vue
This video is part of a series on Nuxt performance and will focus on payload and __NUXT__ and how you can reduce it’s size within your Nuxt application - https://www.youtube.com/watch?v=laRJNkG_wls
#vue
YouTube
Reduce the size of your payload and __NUXT__ - Nuxt Performance in Depth
👀 Performance is an evergreen topic! In my new series - "Nuxt Performance In Depth", we will have a deep look into various perf topics. For the first video of the series, we check out the `payload`, also sometimes referred to as __NUXT__ - and how to reduce…
Use URL Slugs for your Angular SPA blog website
Transform your Angular SPA project to look like a… - https://levelup.gitconnected.com/use-url-slugs-for-your-angular-spa-blog-website-717c267d0548
#angular
Transform your Angular SPA project to look like a… - https://levelup.gitconnected.com/use-url-slugs-for-your-angular-spa-blog-website-717c267d0548
#angular
Medium
Use URL Slugs for your Angular SPA blog website
Transform your Angular SPA project to look like a genuine HTML page-based blog site.
Render Functions Explained
Render functions provide a low-level method of defining Vue components.
They allow you to work directly with the virtual DOM. - https://certificates.dev/blog/render-functions-explained-senior-vuejs-developer-exam
#vue
Render functions provide a low-level method of defining Vue components.
They allow you to work directly with the virtual DOM. - https://certificates.dev/blog/render-functions-explained-senior-vuejs-developer-exam
#vue
certificates.dev
Render Functions Explained - Senior Vue.js Developer Exam
Render functions provide a low-level method of defining Vue.js components. They allow you to work directly with the virtual DOM. In this article, learn how to wield them to your advantage.
Center Items in First Row with CSS Grid
Ryan Mulligan explains how to stack grid items so that an odd number of items appears horizontally centered in the first row instead of the last. - https://ryanmulligan.dev/blog/grid-stacks
#css
Ryan Mulligan explains how to stack grid items so that an odd number of items appears horizontally centered in the first row instead of the last. - https://ryanmulligan.dev/blog/grid-stacks
#css
ryanmulligan.dev
Center Items in First Row with CSS Grid
Stacking grid items so that an odd number of items appears horizontally centered in the first row instead of the last.
Building a Simple Interactive CLI App with Node.js - https://www.robinwieruch.de/node-js-cli/
#nodejs
#nodejs
www.robinwieruch.de
Simple Interactive CLI App with Node.js
Learn how to build a simple interactive CLI app with Node.js and TypeScript. Create a chat interface that reads user input and responds interactively ...
TanStack Form v1.0: Headless, Type-Safe Form State Management
A type-safe, framework agnostic (though closely associated with React), headless and isomorphic way to create and work with forms, with this v1.0 release over two years in the making. If you already use things like Formik or React Hook Form and are wondering how it differs to those, here’s a comparison table. - https://tanstack.com/blog/announcing-tanstack-form-v1
#react
A type-safe, framework agnostic (though closely associated with React), headless and isomorphic way to create and work with forms, with this v1.0 release over two years in the making. If you already use things like Formik or React Hook Form and are wondering how it differs to those, here’s a comparison table. - https://tanstack.com/blog/announcing-tanstack-form-v1
#react
Tanstack
Announcing TanStack Form v1 | TanStack Blog
We're excited to announce the first stable version of is live and ready for usage in production! 🥳 We support five frameworks at launch: React, Vue, Angular, Solid, and Lit, as well as a myriad of fe...
7 Beautiful Next-Level Button Components with Vue, VueUse, and TailwindCSS
This article demonstrates 7 different button designs that are both practical and look great.
Learn how you can implement them with Vue, VueUse, TailwindCSS. - https://vueschool.io/articles/vuejs-tutorials/7-beautiful-next-level-button-components-with-vue-vueuse-and-tailwindcss
#vue
This article demonstrates 7 different button designs that are both practical and look great.
Learn how you can implement them with Vue, VueUse, TailwindCSS. - https://vueschool.io/articles/vuejs-tutorials/7-beautiful-next-level-button-components-with-vue-vueuse-and-tailwindcss
#vue
vueschool.io
7 Beautiful Next-Level Button Components with Vue, VueUse, and TailwindCSS - Vue School Articles
Combine Vue, VueUse, and TailwindCSS for some practical and beautiful buttons
eslint-plugin-functional: Rules to Promote Functional Programming
This isn’t for me, but if you want to encourage (or even force) a lack of mutation and a use of FP techniques in your codebase, this could be for you. - https://github.com/eslint-functional/eslint-plugin-functional
#eslint
This isn’t for me, but if you want to encourage (or even force) a lack of mutation and a use of FP techniques in your codebase, this could be for you. - https://github.com/eslint-functional/eslint-plugin-functional
#eslint
GitHub
GitHub - eslint-functional/eslint-plugin-functional: ESLint rules to disable mutation and promote fp in JavaScript and TypeScript.
ESLint rules to disable mutation and promote fp in JavaScript and TypeScript. - eslint-functional/eslint-plugin-functional
Node.js Tracing for Better Visibility and Performance with N|Solid - https://nodesource.com/blog/tracing-nodejs
#nodejs
#nodejs
The NodeSource Blog - Node.js Tutorials, Guides, and Updates
Tracing of Node.js for Better Visibility and Performance with N|Solid
Tracing allows developers to analyze application performance by visualizing the relationships between different processes through spans and traces.
Anchor Positioning Quirks
Juan Diego Rodríguez discusses some anchor positioning head-scratchers. - https://css-tricks.com/anchor-positioning-quirks
#css
Juan Diego Rodríguez discusses some anchor positioning head-scratchers. - https://css-tricks.com/anchor-positioning-quirks
#css
CSS-Tricks
Anchor Positioning Quirks | CSS-Tricks
I am thrilled to say, that from this week onwards, the CSS-tricks Almanac has an entry for each property, function, and at-rule related to the new Anchor
Enhancing two-way data binding in Angular
Two-way data binding in Angular, traditionally achieved through @Input and @Output decorators to synchronize data between parent and child components, has taken a significant leap forward with the introduction of signals — a new reactive primitive in Angular’s ecosystem. - https://blog.logrocket.com/enhancing-two-way-data-binding-angular/
#angular
Two-way data binding in Angular, traditionally achieved through @Input and @Output decorators to synchronize data between parent and child components, has taken a significant leap forward with the introduction of signals — a new reactive primitive in Angular’s ecosystem. - https://blog.logrocket.com/enhancing-two-way-data-binding-angular/
#angular
LogRocket Blog
Enhancing two-way data binding in Angular - LogRocket Blog
Angular's two-way data binding has evolved with signals, offering improved performance, simpler syntax, and better type inference.
Vue Architecture for Scalability: Introduction to Layered Design
This introductory video reviews managing complexity in Vue applications using a layered architecture approach. - https://www.youtube.com/watch?v=Zq6lefGyUSM
#vue
This introductory video reviews managing complexity in Vue applications using a layered architecture approach. - https://www.youtube.com/watch?v=Zq6lefGyUSM
#vue
YouTube
Intro to Vue Layered Architecture in 2 Minutes
In this introductory video, we'll review managing complexity in Vue applications using a layered architecture approach.
What will we cover in this series?
Part 1: Infra Layer
We'll start by exploring the foundational technologies that power your application…
What will we cover in this series?
Part 1: Infra Layer
We'll start by exploring the foundational technologies that power your application…