Sneaky React Memory Leaks: How useCallback and Closures Can Bite You - https://schiener.io/2024-03-03/react-closures
#react
#react
www.schiener.io
Sneaky React Memory Leaks: How `useCallback` and closures can bite you
Avoid performance issues caused by memory leaks in your React applications. I will show you how closures and the `useCallback` hook can lead to memory leaks and what you can do to avoid them.
How to Refactor Your Angular App from RxJS to Angular Signals
It has been some time since Angular introduced signals, and the community began to discuss whether it is a… - https://javascript.plainenglish.io/how-to-refactoryour-angular-app-from-rxjs-to-angular-signals-f33876579a38
#angular
It has been some time since Angular introduced signals, and the community began to discuss whether it is a… - https://javascript.plainenglish.io/how-to-refactoryour-angular-app-from-rxjs-to-angular-signals-f33876579a38
#angular
Medium
How to Refactor Your Angular App from RxJS to Angular Signals
It has been some time since Angular introduced signals, and the community began to discuss whether it is a step forward or a step back. For…
How to Improve Page Load Times and Web Core Vitals in Nuxt Websites
This article offers practical solutions for improving web performance by reducing First Contentful Paint (FCP), Total Blocking Time, and page load time during post navigation. - https://dev.to/christonit/how-to-improve-page-load-times-and-web-core-vitals-in-nuxt-websites-j3l
#vue
This article offers practical solutions for improving web performance by reducing First Contentful Paint (FCP), Total Blocking Time, and page load time during post navigation. - https://dev.to/christonit/how-to-improve-page-load-times-and-web-core-vitals-in-nuxt-websites-j3l
#vue
DEV Community
How to Improve Page Load Times and Web Core Vitals in Nuxt Websites
We embarked in a website redesign using Nuxt that spanned 2 months of hardwork before launch. After a...
How to handle multiple API requests in your NodeJS Application
Unlike hackathons, when you’re building a NodeJS API that’s going to be used in the real world, you want to… - https://medium.com/@abhinavcv007/how-to-handle-multiple-api-requests-in-your-nodejs-application-cfa298e11b28
#nodejs
Unlike hackathons, when you’re building a NodeJS API that’s going to be used in the real world, you want to… - https://medium.com/@abhinavcv007/how-to-handle-multiple-api-requests-in-your-nodejs-application-cfa298e11b28
#nodejs
Medium
How to handle multiple API requests in your NodeJS Application
Unlike hackathons, when you’re building a NodeJS API that’s going to be used in the real world, you want to make sure that it’s capable of…
Creating Realistic Handwriting with p5.js
Amy wanted to programatically bring her (cursive) handwriting into some diagrams she was making and figured out how to make it happen with p5.js. - https://www.amygoodchild.com/blog/cursive-handwriting-in-javascript
#javascript
Amy wanted to programatically bring her (cursive) handwriting into some diagrams she was making and figured out how to make it happen with p5.js. - https://www.amygoodchild.com/blog/cursive-handwriting-in-javascript
#javascript
Amy Goodchild
Coding my Handwriting — Amy Goodchild
Coding my handwriting in Javascript - how I did it and what I’m doing with it.
Understanding Memory Leaks in Angular
Memory leaks in Angular occur when a web application retains references to objects that are no longer needed… - https://blog.stackademic.com/understanding-memory-leaks-in-angular-5619f63897d1
#angular
Memory leaks in Angular occur when a web application retains references to objects that are no longer needed… - https://blog.stackademic.com/understanding-memory-leaks-in-angular-5619f63897d1
#angular
Medium
Understanding Memory Leaks in Angular
Memory leaks in Angular occur when a web application retains references to objects that are no longer needed, preventing the JavaScript…
Chrome DevTools Offers AI for Understanding Errors and Warnings
Not everyone is going to like this, but it’s optional. Also: the first Chrome feature that requires you be over 18? - https://developer.chrome.com/docs/devtools/console/understand-messages
#devtools
Not everyone is going to like this, but it’s optional. Also: the first Chrome feature that requires you be over 18? - https://developer.chrome.com/docs/devtools/console/understand-messages
#devtools
Chrome for Developers
Understand errors and warnings better with Console insights | Chrome DevTools | Chrome for Developers
Understand errors and warnings in the Console better with Gemini.
CSS Custom Properties Beyond the :root
Matthias Ott examines the reasons why we’re usually defining global custom properties on :root element. - https://matthiasott.com/notes/custom-properties-beyond-the-root
#css
Matthias Ott examines the reasons why we’re usually defining global custom properties on :root element. - https://matthiasott.com/notes/custom-properties-beyond-the-root
#css
Matthias Ott – User Experience Designer
CSS Custom Properties Beyond the :root · Matthias Ott – User Experience Designer (en-US)
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel.
Building a Quiz App Powered by Nuxt Content
This is the second in a two-part series on building an interactive quiz application on top of Nuxt Content and will cover how to add complex interactivity to Nuxt Content. - https://masteringnuxt.com/blog/building-a-quiz-app-powered-by-nuxt-content-2
#vue
This is the second in a two-part series on building an interactive quiz application on top of Nuxt Content and will cover how to add complex interactivity to Nuxt Content. - https://masteringnuxt.com/blog/building-a-quiz-app-powered-by-nuxt-content-2
#vue
Masteringnuxt
Building a Quiz App Powered by Nuxt Content (Part 2)
In this tutorial, you will improve on your existing project using Nuxt Content to build a quiz application.
10 Modern Node.js Runtime Features to Start Using in 2024
If it ever feels like the new feature spotlight shines too much on Bun or Deno, never fear - Node has been taking huge strides forward too. Liran helps us catch up with a lot of the newest Node features. - https://snyk.io/blog/10-modern-node-js-runtime-features/
#nodejs
If it ever feels like the new feature spotlight shines too much on Bun or Deno, never fear - Node has been taking huge strides forward too. Liran helps us catch up with a lot of the newest Node features. - https://snyk.io/blog/10-modern-node-js-runtime-features/
#nodejs
Snyk
10 modern Node.js runtime features to start using in 2024 | Snyk
This post will explore 10 modern Node.js runtime features that every developer should start using in 2024. We'll cover everything from fresh off-the-press APIs to the compelling features offered by new kids on the block like Bun and Deno.
Top 10+ Angular Libraries for Your Next Web App
Choosing the right Angular libraries for your next web app can be an intimidating task. With so many options… - https://flatlogic-manager.medium.com/top-10-angular-libraries-for-your-next-web-app-edeb250a9ae3
#angular
Choosing the right Angular libraries for your next web app can be an intimidating task. With so many options… - https://flatlogic-manager.medium.com/top-10-angular-libraries-for-your-next-web-app-edeb250a9ae3
#angular
Medium
Top 10+ Angular Libraries for Your Next Web App
Choosing the right Angular libraries for your next web app can be an intimidating task. With so many options available, it can be difficult…
10 Best Practices in Front-end Development
Certainly, we’ve all experienced this situation: you land a new job and are excited to start. The… - https://medium.com/@renanolovics/10-best-practices-in-front-end-development-react-5277a671e2df
#react
Certainly, we’ve all experienced this situation: you land a new job and are excited to start. The… - https://medium.com/@renanolovics/10-best-practices-in-front-end-development-react-5277a671e2df
#react
Medium
10 Best Practices in Front-end Development (React)
Certainly, we’ve all experienced this situation: you land a new job and are excited to start. The interviewers paint a bright and charming…
How 1Password Used esbuild to Cut Browser Extension Build Times
1Password is a popular password management tool that relies upon a browser extension to fill out passwords on the Web. At over a minute for a single build, things were starting to drag for the devs. Could esbuild help? A fun story with plenty of technical details. - https://blog.1password.com/new-extension-build-system/
#esbuild
1Password is a popular password management tool that relies upon a browser extension to fill out passwords on the Web. At over a minute for a single build, things were starting to drag for the devs. Could esbuild help? A fun story with plenty of technical details. - https://blog.1password.com/new-extension-build-system/
#esbuild
1Password Blog
How we used esbuild to reduce our browser extension build times by 90% | 1Password Blog
Learn how the team at 1Password created a new build system for its browser extension, speeding up development.
Mastering Node.js Performance Hooks
Node’s performance measurement APIs provide a lot of power, but it can be tricky to get your head around the mental model of what they measure and where they make sense. Pavel tries to clear it all up for us. - https://pavel-romanov.com/nodejs-performance-hooks-mastering-the-mental-model
#nodejs
Node’s performance measurement APIs provide a lot of power, but it can be tricky to get your head around the mental model of what they measure and where they make sense. Pavel tries to clear it all up for us. - https://pavel-romanov.com/nodejs-performance-hooks-mastering-the-mental-model
#nodejs
Pavel Romanov
Mastering Node.js Performance Hooks
Master Node.js performance hooks: clocks, performance timeline, performance entries, performance observer, and buffers for precise measurement
CSS Grid Gap Behavior with Hidden Elements
Ryan Mulligan shares some discoveries on how the CSS gap property operates when hiding items in grid-template & grid-auto layouts. - https://ryanmulligan.dev/blog/grid-gap
#css
Ryan Mulligan shares some discoveries on how the CSS gap property operates when hiding items in grid-template & grid-auto layouts. - https://ryanmulligan.dev/blog/grid-gap
#css
ryanmulligan.dev
CSS Grid Gap Behavior with Hidden Elements
Some discoveries on how the CSS Grid gap property operates when hiding items in grid-template and grid-auto layouts.
Handling Environment Variables in Vue
This blogpost provides a guide to working with your env file in a Vue.js project. - https://fadamakis.com/handling-environment-variables-in-vue-da4d223aea71
#vue
This blogpost provides a guide to working with your env file in a Vue.js project. - https://fadamakis.com/handling-environment-variables-in-vue-da4d223aea71
#vue
Medium
Handling Environment Variables in Vue
Vue uses the widely adopted dotenv module to load build configuration from the following files in your environment directory:
ECMAScript 2023 Feature: Symbols as WeakMap keys
Dr. Axel continues his look at language features by explaining what WeakMaps are for and why using symbols for keys has added benefits. - https://2ality.com/2024/05/proposal-symbols-as-weakmap-keys.html
#javascript
Dr. Axel continues his look at language features by explaining what WeakMaps are for and why using symbols for keys has added benefits. - https://2ality.com/2024/05/proposal-symbols-as-weakmap-keys.html
#javascript
2Ality
ECMAScript 2023 feature: symbols as WeakMap keys
In this blog post, we take a look at the ECMAScript 2023 feature “Symbols as WeakMap keys” – which was proposed by Robin Ricard, Rick Button, Daniel Ehrenberg, Leo Balter, Caridy Patiño, Rick Waldron, and Ashley Claymore.
Advanced Components in Angular
In this blog, I am going to explain several advanced components and mechanisms in Angular that enhance… - https://medium.com/startit-up/advanced-components-in-angular-41b43556178d
#angular
In this blog, I am going to explain several advanced components and mechanisms in Angular that enhance… - https://medium.com/startit-up/advanced-components-in-angular-41b43556178d
#angular
Medium
Advanced Components in Angular
In this blog, I am going to explain several advanced components and mechanisms in Angular that enhance flexibility, reusability, and…
How To Share States Between React Micro-Frontends using Module-Federation?
Share states between React Micro-Frontends using Module-Federation and Bit! - https://blog.bitsrc.io/how-to-share-state-between-react-micro-frontends-using-module-federation-f3762996c208
#react
Share states between React Micro-Frontends using Module-Federation and Bit! - https://blog.bitsrc.io/how-to-share-state-between-react-micro-frontends-using-module-federation-f3762996c208
#react
Medium
How To Share States Between React Micro-Frontends using Module-Federation?
Share states between React Micro-Frontends using Module-Federation and Bit!