Ref Callbacks, React 19 and the Compiler
Two years since his first article on callback refs, it turns out, in hindsight, some of the things included in that piece “were not 100% correct”. It’s time to revisit the subject. - https://tkdodo.eu/blog/ref-callbacks-react-19-and-the-compiler
#react
Two years since his first article on callback refs, it turns out, in hindsight, some of the things included in that piece “were not 100% correct”. It’s time to revisit the subject. - https://tkdodo.eu/blog/ref-callbacks-react-19-and-the-compiler
#react
tkdodo.eu
Ref Callbacks, React 19 and the Compiler
Reflecting on useCallback, how the Compiler changed my thinking about it, and what React 19 has in store for Ref Callbacks...
Angular Directives: Enhancing User Interfaces with Ease
Angular, a popular JavaScript framework, provides… - https://medium.com/@ayushgrwl365/angular-directives-enhancing-user-interfaces-with-ease-bb99d74e69cd
#angular
Angular, a popular JavaScript framework, provides… - https://medium.com/@ayushgrwl365/angular-directives-enhancing-user-interfaces-with-ease-bb99d74e69cd
#angular
Medium
Angular Directives: Enhancing User Interfaces with Ease
Angular, a popular JavaScript framework, provides developers with powerful tools to create dynamic and interactive web applications. One of…
calc-size() and interpolate size
Kevin Powell explains how it’s now possible to animate to or from height: auto and other intrinsic sizes. - https://12daysofweb.dev/2024/calc-size-and-interpolate-size
#css
Kevin Powell explains how it’s now possible to animate to or from height: auto and other intrinsic sizes. - https://12daysofweb.dev/2024/calc-size-and-interpolate-size
#css
12daysofweb.dev
calc-size() and interpolate size | 12 Days of Web
It's now possible to animate to or from height: auto and other intrinsic sizes.
Implementing Prefetching in Vue apps
This is an article about improving performance in Vue apps. It discusses the problem of slow API responses when loading more records. The solution is to use prefetching, which fetches resources before the user needs them. - https://dev.to/jacobandrewsky/implementing-prefetching-in-vue-apps-428
#vue
This is an article about improving performance in Vue apps. It discusses the problem of slow API responses when loading more records. The solution is to use prefetching, which fetches resources before the user needs them. - https://dev.to/jacobandrewsky/implementing-prefetching-in-vue-apps-428
#vue
DEV Community
Implementing Prefetching in Vue apps
Recently I was investigating what I could do in one of my project to improve performance (or at least...
Strategies for Implementing Scalable Frontend Architectures in Large Organizations - https://blog.stackademic.com/strategies-for-implementing-scalable-frontend-architectures-in-large-organizations-f10d08c1e74a
#architecture
#architecture
Medium
Strategies for Implementing Scalable Frontend Architectures in Large Organizations
Strategies for Implementing Scalable Frontend Architectures in Large Organizations
Software Architecture Diagrams with C4 Model
Read the original article on packagemain.tech - https://itnext.io/software-architecture-diagrams-with-c4-model-898adcb534c2
#architecture
Read the original article on packagemain.tech - https://itnext.io/software-architecture-diagrams-with-c4-model-898adcb534c2
#architecture
Medium
Software Architecture Diagrams with C4 Model
Read the original article on packagemain.tech
Creating Envless Angular-application
Ways to move from hard-coded code for each environment… - https://itnext.io/creating-envless-angular-application-0ce3c2ecaddd
#angular
Ways to move from hard-coded code for each environment… - https://itnext.io/creating-envless-angular-application-0ce3c2ecaddd
#angular
Medium
Creating Envless Angular-application
Ways to move from hard-coded code for each environment to a universal build that can be used anywhere
How to Dockerize a React App: A Step-by-Step Guide - https://www.docker.com/blog/how-to-dockerize-react-app/
#react
#react
Docker
How to Dockerize a React App: A Step-by-Step Guide for Developers | Docker
We show how to dockerize a React app to streamline your development process, eliminate "it works on my machine" problems, and ensure seamless deployments.
Is Vue the fastest when it comes to SSR?
In this video, explore the first and the final iteration of the fastify benchmark, issues, results and most importantly - what the results mean for YOU as a developer. - https://www.youtube.com/watch?v=yShWoHCUick
#vue
In this video, explore the first and the final iteration of the fastify benchmark, issues, results and most importantly - what the results mean for YOU as a developer. - https://www.youtube.com/watch?v=yShWoHCUick
#vue
YouTube
Is Vue the fastest when it comes to SSR?
The "SSR showdown" benchmark was heavily discussed in the last ten days. In this video, we have a look at the first and the final iteration of the benchmark, issues, results and most importantly - what the results mean for YOU as a developer.
Tune in!
…
Tune in!
…
Balancing Text In CSS
Ahmad Shadeed demonstrates how to make text look more balanced in CSS. - https://ishadeed.com/article/balancing-text-css
#css
Ahmad Shadeed demonstrates how to make text look more balanced in CSS. - https://ishadeed.com/article/balancing-text-css
#css
Ishadeed
Balancing Text In CSS
Make text look more balanced with text-wrap in CSS.
Cache HTTP response in Angular
Typically, if we have multiple same HTTP request in a… - https://medium.com/@e94kai/cache-http-response-in-angular-78ce12988b53
#angular
Typically, if we have multiple same HTTP request in a… - https://medium.com/@e94kai/cache-http-response-in-angular-78ce12988b53
#angular
Medium
Cache HTTP response in Angular
Typically, if we have multiple same HTTP request in a component, we use rxjs’s share() operator to save API calls. What if we need to do…
The Software Architect: Demystifying 18 Software Architecture Patterns.
In-Depth Overview of 18 Essential Software Architecture Design Patterns. - https://medium.com/@amitvsolutions/the-software-architect-deep-dive-into-17-essential-design-patterns-a0fb5a4726ab
#architecture
In-Depth Overview of 18 Essential Software Architecture Design Patterns. - https://medium.com/@amitvsolutions/the-software-architect-deep-dive-into-17-essential-design-patterns-a0fb5a4726ab
#architecture
Medium
The Software Architect: Demystifying 18 Software Architecture Patterns.
In-Depth Overview of 18 Essential Software Architecture Design Patterns.
Why is Spawning a New Process in Node So Slow?
The developers of the Val Town platform noticed that Node couldn’t spawn more than 40 external processes per second, whereas Deno and Bun could do a lot more.. - https://blog.val.town/blog/node-spawn-performance/
#nodejs
The developers of the Val Town platform noticed that Node couldn’t spawn more than 40 external processes per second, whereas Deno and Bun could do a lot more.. - https://blog.val.town/blog/node-spawn-performance/
#nodejs
blog.val.town
Why is spawning a new process in Node so slow?
At Val Town we spawn a lot of processes. We're working on making it faster
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
Frontendmasters
Introducing TanStack Start
TanStack Start enhances the TanStack Router by adding a server layer that improves performance through server-side rendering (SSR) and isomorphic loaders.
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().
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...
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
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
Frontendmasters
Relatively New Things You Should Know about HTML Heading Into 2025
Accordion details, toggle switches, styleable selects, responsive video, and more!
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…
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.