Introducing TanStack Start
Imagine if the folks behind TanStack Router, Query, etc. realized they had all the pieces to create a full-stack React framework: that’s TanStack Start. You get full-document SSR, streaming, server functions, and more, out of the box. - https://frontendmasters.com/blog/introducing-tanstack-start/
#react
Imagine if the folks behind TanStack Router, Query, etc. realized they had all the pieces to create a full-stack React framework: that’s TanStack Start. You get full-document SSR, streaming, server functions, and more, out of the box. - https://frontendmasters.com/blog/introducing-tanstack-start/
#react
Frontend Masters
Introducing TanStack Start
The best way to think about TanStack Start is that it’s a thin server layer atop the TanStack Router we already know and love; that means we don’t lose a single thing from TanStack Router. Not only that, but the nature of this server layer allows it to side…
👍3
How to Wait for the sibling-count() and sibling-index() Functions
Juan Diego Rodríguez looks at two upcoming functions: sibling-count() and sibling-index(). - https://css-tricks.com/how-to-wait-for-the-sibling-count-and-sibling-index-functions
#css
Juan Diego Rodríguez looks at two upcoming functions: sibling-count() and sibling-index(). - https://css-tricks.com/how-to-wait-for-the-sibling-count-and-sibling-index-functions
#css
CSS-Tricks
How to Wait for the sibling-count() and sibling-index() Functions | CSS-Tricks
Today, I want to look into one of those cases of impatient and how the community has waited for that feature, to be specific, two upcoming functions: sibling-count() and sibling-index().
👍3
Shallow Clones vs Structured Clones -https://philna.sh/blog/2024/12/30/shallow-clones-versus-structured-clones/
#javascript
#javascript
Phil Nash
Shallow clones versus structured clones
Have you ever had one of those times when you think you're doing everything right, yet still you get an unexpected bug in your application? Particularly when...
👍5
10 Practical Tips for Better Vue Apps
Use the Composition API and script setup for Cleaner Component Code
Leverage defineProps and defineEmits for Type-Safe Props and Emits
and more... - https://vueschool.io/articles/vuejs-tutorials/10-practical-tips-for-better-vue-apps/
#vue
Use the Composition API and script setup for Cleaner Component Code
Leverage defineProps and defineEmits for Type-Safe Props and Emits
and more... - https://vueschool.io/articles/vuejs-tutorials/10-practical-tips-for-better-vue-apps/
#vue
vueschool.io
10 Practical Tips for Better Vue Apps - Vue School Articles
Take your Vue.js skills to the next level with these 10 practical tips including: script setup, provide/inject, defineExpose, toRefs, and more
👍3
Relatively New Things You Should Know about HTML Heading Into 2025
Chris Coyier points out a few new front-end features you should know about. - https://frontendmasters.com/blog/bone-up-html-2025
#html
Chris Coyier points out a few new front-end features you should know about. - https://frontendmasters.com/blog/bone-up-html-2025
#html
Frontend Masters
Relatively New Things You Should Know about HTML Heading Into 2025
Not all of this is like absolutely brand spanking new just-dropped-in-2024 stuff. Some of it is, but generally it’s relatively new stuff that’s all pretty great. I’m pointing things out that I think are really worth knowing about. It’s possible you haven’t…
👍7❤1
Five Tips to Effectively Optimize INP in React Apps
Experience-informed recommendations for optimization techniques to improving performance with specific focus on the Interaction to Next Paint (INP) metric. - https://calendar.perfplanet.com/2024/5-tips-to-effectively-optimize-inp-in-react/
#react
Experience-informed recommendations for optimization techniques to improving performance with specific focus on the Interaction to Next Paint (INP) metric. - https://calendar.perfplanet.com/2024/5-tips-to-effectively-optimize-inp-in-react/
#react
Web Performance Calendar
5 tips to effectively optimize INP in React
In this post, let's consider several optimization techniques for improving Core Web Vitals metrics for sites that are built with React.
We are a team of speed consultants from the Czech Republic and in this article we would like to share some experiences…
We are a team of speed consultants from the Czech Republic and in this article we would like to share some experiences…
❤2👍2
The State of Node.js Performance in 2024
A thorough exploration (and benchmark) of recent performance advancements made in Node.js. The enhancements between Node 18 and 20 up to version 22 might surprise you - it’s clear the team has put a lot of work into this area. - https://nodesource.com/blog/State-of-Nodejs-Performance-2024
#nodejs
A thorough exploration (and benchmark) of recent performance advancements made in Node.js. The enhancements between Node 18 and 20 up to version 22 might surprise you - it’s clear the team has put a lot of work into this area. - https://nodesource.com/blog/State-of-Nodejs-Performance-2024
#nodejs
The NodeSource Blog - Node.js Tutorials, Guides, and Updates
State of Node.js Performance 2024
This article revisits the State of Node.js performance, focusing on comparing versions 20 through 22. Providing how Node.js has evolved over the past year.
👍2
Getting Started with NuxtUI
Discover how to leverage NuxtUI with Nuxt 3 and Composition API. Learn installation, customization, and theming in this guide for modern web development. - https://masteringnuxt.com/blog/getting-started-with-nuxtui
#vue
Discover how to leverage NuxtUI with Nuxt 3 and Composition API. Learn installation, customization, and theming in this guide for modern web development. - https://masteringnuxt.com/blog/getting-started-with-nuxtui
#vue
Masteringnuxt
Getting Started with NuxtUI
Discover how to leverage NuxtUI with Nuxt 3 and Composition API. Learn installation, customization, and theming in this guide for modern web development.
👍4👎1
CSS box-decoration-break
Kilian Valkhof explains how to style elements that span multiple lines. - https://12daysofweb.dev/2024/css-box-decoration-break
#css
Kilian Valkhof explains how to style elements that span multiple lines. - https://12daysofweb.dev/2024/css-box-decoration-break
#css
12daysofweb.dev
CSS box-decoration-break | 12 Days of Web
Deal with styling for elements that span multiple lines.
👍5
Object inputs are still dangerous, even with Angular signals - https://itnext.io/object-inputs-are-still-dangerous-even-with-angular-signals-9103a25d5e45
#angular
#angular
Medium
Object inputs are still dangerous, even with Angular signals
When there's an object input on the component, think twice.
👍4
How to Document Software Architecture: Techniques and Best Practices
In software development, documentation is often… - https://lucamezzalira.medium.com/how-to-document-software-architecture-techniques-and-best-practices-2556b1915850
#architecture
In software development, documentation is often… - https://lucamezzalira.medium.com/how-to-document-software-architecture-techniques-and-best-practices-2556b1915850
#architecture
Medium
How to Document Software Architecture: Techniques and Best Practices
In software development, documentation is often overlooked in favor of coding. However, documenting software architecture is essential for…
👍4
React Router 7 Tutorial
An introductory tutorial in Robin’s typically accessible, easy to follow style. - https://www.robinwieruch.de/react-router/
#react
An introductory tutorial in Robin’s typically accessible, easy to follow style. - https://www.robinwieruch.de/react-router/
#react
www.robinwieruch.de
React Router 7 Tutorial
React Router 7 tutorial: setup, hooks, nested routes, dynamic routes, programmatic navigation, active links, layout routes, index routes and more. A step by step React tutorial for beginners ...
❤2👍1
A Guide to Reading and Writing Node.js Streams
I'm not surprised to see this as our most popular link of the year. While streams are a long standing Node feature, they're commonly misunderstood, and Matteo did a good job of covering their benefits, use cases, and more. - https://blog.platformatic.dev/a-guide-to-reading-and-writing-nodejs-streams
#nodejs
I'm not surprised to see this as our most popular link of the year. While streams are a long standing Node feature, they're commonly misunderstood, and Matteo did a good job of covering their benefits, use cases, and more. - https://blog.platformatic.dev/a-guide-to-reading-and-writing-nodejs-streams
#nodejs
Platformatic Blog
Reading and writing Node.js streams
By the end of this guide, you will have a deep understanding of how streams work, including creating and managing readable and writable streams, handling ba
👍6❤1
CSS light-dark()
Mayank gives a nice introduction to light-dark(), a new CSS function that returns one of two color values based on the current color scheme. - https://12daysofweb.dev/2024/css-light-dark
#css
Mayank gives a nice introduction to light-dark(), a new CSS function that returns one of two color values based on the current color scheme. - https://12daysofweb.dev/2024/css-light-dark
#css
12daysofweb.dev
CSS light-dark() | 12 Days of Web
A new CSS function that returns one of two color values based on the current color scheme.
👍6
Why I Love Vue's Newest Feature
With the release of Vue 3.5, we got the ability to defer the mounting of a Teleport component. This goes crazy and unlocks some cool use cases - This video talks about how it works and what we can do with it. - https://www.youtube.com/watch?v=U74rtOCuB-k
#vue
With the release of Vue 3.5, we got the ability to defer the mounting of a Teleport component. This goes crazy and unlocks some cool use cases - This video talks about how it works and what we can do with it. - https://www.youtube.com/watch?v=U74rtOCuB-k
#vue
YouTube
Why I Love Vue's Newest Feature
With the release of Vue 3.5, we got the ability to defer the mounting of a Teleport component. This goes crazy and unlocks some cool use cases - so let's talk about how it works and what we can do with it. Basically, deferred Teleport is cool.
RESOURCES…
RESOURCES…
👍2
Architecting Angular: Part 2 — Querying and Managing State with NgRx…
In Part 1 of this series, we established a solid… - https://itnext.io/architecting-angular-part-2-querying-and-managing-state-with-ngrx-signalstore-1c931ad309c4
#angular
In Part 1 of this series, we established a solid… - https://itnext.io/architecting-angular-part-2-querying-and-managing-state-with-ngrx-signalstore-1c931ad309c4
#angular
Medium
Architecting Angular: Part 2 — Querying and Managing State with NgRx SignalStore
In Part 1 of this series, we established a solid foundation for interacting with GraphQL APIs in our Angular applications using Apollo…
👍2❤1
What’s New for JavaScript Developers in ECMAScript 2024
High level analysis of developments in the ECMAScript spec, with insights from Ecma vice president Daniel Ehrenberg, TC39 co-chair Rob Palmer, and developer Ashley Claymore. A good, thorough roundup of the state of play. - https://thenewstack.io/whats-new-for-javascript-developers-in-ecmascript-2024/
#javascript
High level analysis of developments in the ECMAScript spec, with insights from Ecma vice president Daniel Ehrenberg, TC39 co-chair Rob Palmer, and developer Ashley Claymore. A good, thorough roundup of the state of play. - https://thenewstack.io/whats-new-for-javascript-developers-in-ecmascript-2024/
#javascript
The New Stack
What’s New for JavaScript Developers in ECMAScript 2024
Our analysis of the small but helpful features in the latest annual JavaScript release, including easier WebAssembly integration.
👍6
17 Tips from a Senior React Developer
17 tips I wish someone had shared with me when I was starting. - https://www.frontendjoy.com/p/17-tips-from-a-senior-react-developer
#react
17 tips I wish someone had shared with me when I was starting. - https://www.frontendjoy.com/p/17-tips-from-a-senior-react-developer
#react
FrontendJoy
17 Tips from a Senior React Developer
👍5
The Node.js Best Practices List: 2024 Edition
An in-depth guide for Node developers that we link to most years. Divided into eight sections and updated regularly, it digs into areas from error handling and code style to Docker and security practices. - https://github.com/goldbergyoni/nodebestpractices
#nodejs
An in-depth guide for Node developers that we link to most years. Divided into eight sections and updated regularly, it digs into areas from error handling and code style to Docker and security practices. - https://github.com/goldbergyoni/nodebestpractices
#nodejs
GitHub
GitHub - goldbergyoni/nodebestpractices: :white_check_mark: The Node.js best practices list (July 2024)
:white_check_mark: The Node.js best practices list (July 2024) - goldbergyoni/nodebestpractices
👍5
Performance Optimization Techniques for Vue.js Applications
Make your websites/apps fast with strategies like lazy loading, stable prop design, virtual lists, v-once and v-memo, plus more in this article from Daniel Kelly. - https://certificates.dev/blog/performance-optimization-techniques-for-vuejs-applications
#vue
Make your websites/apps fast with strategies like lazy loading, stable prop design, virtual lists, v-once and v-memo, plus more in this article from Daniel Kelly. - https://certificates.dev/blog/performance-optimization-techniques-for-vuejs-applications
#vue
certificates.dev
Performance Optimization Techniques for Vue.js Applications
Make your websites/apps fast with strategies like lazy loading, stable prop design, virtual lists, v-once and v-memo, plus more!
👍3