Improve Asynchronous State UX in React with useOptimistic
useOptimistic is a hook for optimistically updating the UI. - https://spin.atomicobject.com/useoptimistic-asynchronous-updates/
#react
useOptimistic is a hook for optimistically updating the UI. - https://spin.atomicobject.com/useoptimistic-asynchronous-updates/
#react
Atomic Spin
Improve Asynchronous State UX in React with useOptimistic
React 19’s useOptimistic hook helps reduces annoyances by providing a built-in hook for Optimistic Updates.
👍3😱1
How I Open-Sourced My Secret Access Tokens from GitHub, Slack, and NPM
A developer accidentally published API tokens to npm via a misconfigured CI pipeline. npm and Slack detected and revoked said tokens, though GitHub did not. The author shares his tale and some advice. - https://adminforth.dev/blog/how-i-opensourced-my-secret-tokens/
#nodejs
A developer accidentally published API tokens to npm via a misconfigured CI pipeline. npm and Slack detected and revoked said tokens, though GitHub did not. The author shares his tale and some advice. - https://adminforth.dev/blog/how-i-opensourced-my-secret-tokens/
#nodejs
adminforth.dev
How I Open-Sourced My Secret Access Tokens from GitHub, Slack, and NPM — and Who Actually Cares | Vue & Node admin panel framework
Our framework has a CI pipeline that runs npm run build, publishes the package to NPM (npm publish), and creates a new release on GitHub. It also sends a notification about the release to a Slack webhook for our team.
👍4❤1
Transforming Your Application into Micro Frontends with Native Federation for…
Learn how to start structuring your application to… - https://medium.com/@erickzanetti/transforming-your-application-into-micro-frontends-with-native-federation-for-angular-part-1-791d159b09c8
#angular
Learn how to start structuring your application to… - https://medium.com/@erickzanetti/transforming-your-application-into-micro-frontends-with-native-federation-for-angular-part-1-791d159b09c8
#angular
Medium
Transforming Your Application into Micro Frontends with Native Federation for Angular— Part 1
Learn how to start structuring your application to work with MFE using Native Federation for Angular
👍4
Common Causes of Memory Leaks in JavaScript
Filled with basic examples oriented around V8-based runtimes like Node.js and Deno. - https://www.trevorlasn.com/blog/common-causes-of-memory-leaks-in-javascript
#javascript
Filled with basic examples oriented around V8-based runtimes like Node.js and Deno. - https://www.trevorlasn.com/blog/common-causes-of-memory-leaks-in-javascript
#javascript
Common Causes of Memory Leaks in JavaScript
Identify and fix common JavaScript memory leaks (Node.js and Deno.js)
👍3
How to Access Vue Refs Defined in Script Setup within Unit Tests*
In limited situations, you might need to read a component’s reactive data from within your unit tests. - https://vueschool.io/articles/vuejs-tutorials/how-to-access-vue-refs-defined-in-script-setup-within-unit-tests
#vue
In limited situations, you might need to read a component’s reactive data from within your unit tests. - https://vueschool.io/articles/vuejs-tutorials/how-to-access-vue-refs-defined-in-script-setup-within-unit-tests
#vue
vueschool.io
How to Access Vue Refs Defined in Script Setup within Unit Tests - Vue School Articles
Need to access a component’s data defined within script setup? In this article we’ll teach you how! But be warned you probably want to approach your test a little differently.
🤔2👍1
The State of React 2024 Survey Results
There’s too much to go into depth here, so enjoy having a browse through insights gleaned from almost 8,000 responses. We get to learn that forwardRef and memo are the two top ‘pain points’ among React devs, Redux continues to lead amongst state management libraries, and SPAs continue to make up the majority of React use cases for now. - https://2024.stateofreact.com/en-US/
#react
There’s too much to go into depth here, so enjoy having a browse through insights gleaned from almost 8,000 responses. We get to learn that forwardRef and memo are the two top ‘pain points’ among React devs, Redux continues to lead amongst state management libraries, and SPAs continue to make up the majority of React use cases for now. - https://2024.stateofreact.com/en-US/
#react
Stateofreact
State of React 2024
The 2024 edition of the annual survey about the latest trends in the React ecosystem.
👍2❤1
CSS @function + CSS if()
Bramus Van Damme showcases upcoming CSS features @function and CSS inline if(). - https://www.bram.us/2025/02/18/css-at-function-and-css-if/
#css
Bramus Van Damme showcases upcoming CSS features @function and CSS inline if(). - https://www.bram.us/2025/02/18/css-at-function-and-css-if/
#css
Bram.us
CSS @function + CSS if() = 🤯
Support for Nested Container Queries and the CSS if() function inside CSS Custom Functions make @function very powerful.
👍5😱1
Mastering Angular Library Creation with Storybook Integration Part 1
Table of contents What is an Angular library… - https://javascript.plainenglish.io/mastering-angular-library-creation-with-storybook-integration-part-1-9c496f6cda0d
#angular
Table of contents What is an Angular library… - https://javascript.plainenglish.io/mastering-angular-library-creation-with-storybook-integration-part-1-9c496f6cda0d
#angular
Medium
Mastering Angular Library Creation with Storybook Integration Part 1
An Angular library is a collection of reusable Angular components, services, directives, and other code artifacts that can be shared across multiple Angular applications. Node.js is a JavaScript…
👍2
A Deeper Look into Node.js Docker Images
Which Docker image should you choose? And just what do they contain anyway? - https://labs.iximiuz.com/tutorials/how-to-choose-nodejs-container-image
#nodejs
Which Docker image should you choose? And just what do they contain anyway? - https://labs.iximiuz.com/tutorials/how-to-choose-nodejs-container-image
#nodejs
iximiuz Labs
A Deeper Look into Node.js Docker Images: Help, My Node Image Has Python! | iximiuz Labs
Choosing the right base image for your Node.js application can drastically affect its security, size, and performance. This post breaks down popular options - from slim and distroless to full-sized images - helping you navigate the trade-offs and pick the…
👍5
Reverse Engineering Minified JavaScript with ChatGPT
Writing new code with AI is one thing, but could it be even better at understanding existing code that you’re struggling to grok? Yes, it seems. - https://glama.ai/blog/2024-08-29-reverse-engineering-minified-code-using-openai
#javascript
Writing new code with AI is one thing, but could it be even better at understanding existing code that you’re struggling to grok? Yes, it seems. - https://glama.ai/blog/2024-08-29-reverse-engineering-minified-code-using-openai
#javascript
Glama – MCP Hosting Platform
I was curious about how a component was implemented in a minified JavaScript file and used ChatGPT to reverse engineer the component.
👍3❤1
Decoding CSS Selectors: :has(:not) vs :not(:has)
Kilian Valkhof looks at the difference between :has(:not) and :not(:has), and how to approach decoding CSS selectors that use these nested CSS functions. - https://polypane.app/blog/decoding-css-selectors-has-not-vs-not-has
#css
Kilian Valkhof looks at the difference between :has(:not) and :not(:has), and how to approach decoding CSS selectors that use these nested CSS functions. - https://polypane.app/blog/decoding-css-selectors-has-not-vs-not-has
#css
polypane.app
Decoding CSS Selectors: :has(:not) vs :not(:has) | Polypane
CSS functions like :is(), :not() and :has() are powerful tools that make it much easier to select elements specifically. We've written before about how ::where…
👍4
Getting Started with Nuxt Image
Learn how to optimize images effortlessly in your Nuxt app.
Discover how to transform, cache, and resize images dynamically, improving performance with just a few lines of code. - https://masteringnuxt.com/blog/getting-started-with-nuxt-image
#vue
Learn how to optimize images effortlessly in your Nuxt app.
Discover how to transform, cache, and resize images dynamically, improving performance with just a few lines of code. - https://masteringnuxt.com/blog/getting-started-with-nuxt-image
#vue
Masteringnuxt
Getting Started with Nuxt Image
Learn how to optimize images effortlessly in your Nuxt app using the NuxtImg component. Discover how to transform, cache, and resize images dynamically, improving performance with just a few lines of code.
👍4🤮2
How to Start a React Project in 2025
While there are many ways to start a React project, Robin examines the pros and cons of a few popular approaches. - https://www.robinwieruch.de/react-starter/
#react
While there are many ways to start a React project, Robin examines the pros and cons of a few popular approaches. - https://www.robinwieruch.de/react-starter/
#react
www.robinwieruch.de
How to start a React Project [2025]
React starter kits (Vite, Next, Astro, Remix, React Router) which help React developers to start a React project in 2025 ...
👍3
Don't Sleep on AbortController
AbortController is a broadly available mechanism for, originally, aborting Web requests on demand, but you can use it for a lot more than that - https://kettanaito.com/blog/dont-sleep-on-abort-controller
#javascript
AbortController is a broadly available mechanism for, originally, aborting Web requests on demand, but you can use it for a lot more than that - https://kettanaito.com/blog/dont-sleep-on-abort-controller
#javascript
kettanaito.com
Don't Sleep on AbortController
Learn how to make anything abortable in JavaScript.
👍3
Handling files with ease using the new Angular file loader options - https://medium.com/@pavel.salauyou/handling-files-with-ease-using-the-new-angular-file-loader-options-602114f31412
#angular
#angular
Medium
Handling files with ease using the new Angular file loader options
In Angular 17.1, new loader options have been introduced, simplifying the process of file handling. Here’s a quick overview of the key…
👍4❤1
Introducing Mentoss: The fetch Mocker
A new approach to mocking global fetch() calls (in both browsers and server-side runtimes) inspired by previous attempts like Nock and MSW. - https://humanwhocodes.com/blog/2025/01/introducing-mentoss-fetch-mocker/
#nodejs
A new approach to mocking global fetch() calls (in both browsers and server-side runtimes) inspired by previous attempts like Nock and MSW. - https://humanwhocodes.com/blog/2025/01/introducing-mentoss-fetch-mocker/
#nodejs
Humanwhocodes
Introducing Mentoss: The fetch mocker - Human Who Codes
A new approach to mocking global fetch() calls that works in both browsers and server-side runtimes.
👍7
Customizing Images in Nuxt
Image optimization can be hard if you don't know what you're doing.
The Cloudinary Nuxt module is one way to make this easier on you.
They have tons of cool transformations that you can make directly in your code to edit your images on the fly. - https://www.youtube.com/watch?v=PZIEZZe4EMo
#vue
Image optimization can be hard if you don't know what you're doing.
The Cloudinary Nuxt module is one way to make this easier on you.
They have tons of cool transformations that you can make directly in your code to edit your images on the fly. - https://www.youtube.com/watch?v=PZIEZZe4EMo
#vue
YouTube
Customizing Images in Nuxt
Image optimization can be hard if you don't know what you're doing. Cloudinary is one way to make this easier on you. Plus, they have tons of cool transformations that you can make directly in your code to edit your images on the fly. With the Cloudinary…
👍2❤1
Why I Rebuilt ProseMirror’s Renderer in React
A former engineer for the New York Times unpacks years of work on integrating React with ProseMirror, a toolkit for building rich text editors which notoriously does not ‘play nicely’ with React. A great look into the details of the challenges involved. - https://smoores.dev/post/why_i_rebuilt_prosemirror_view/
#react
A former engineer for the New York Times unpacks years of work on integrating React with ProseMirror, a toolkit for building rich text editors which notoriously does not ‘play nicely’ with React. A great look into the details of the challenges involved. - https://smoores.dev/post/why_i_rebuilt_prosemirror_view/
#react
smoores.dev
smoores.dev - Why I rebuilt ProseMirror’s renderer in React
For the past year and a half, I’ve been re-writing the renderer for ProseMirror, the popular rich text editing library. This new renderer has finally been marked as stable and published as part of @handlewithcare/react-prosemirror, a library that integrates…
👍2
Reimagining Fluid Typography
Miriam Suzanne explores how common fluid typography approaches can be improved. - https://www.oddbird.net/2025/02/12/fluid-type
#css
Miriam Suzanne explores how common fluid typography approaches can be improved. - https://www.oddbird.net/2025/02/12/fluid-type
#css
OddBird
Reimagining Fluid Typography
Are we responding to the right inputs?
👍4
Angular 19 New Features
Angular 19 is expected to bring several enhancements… - https://javascript.plainenglish.io/angular-19-new-features-3764c8236b45
#angular
Angular 19 is expected to bring several enhancements… - https://javascript.plainenglish.io/angular-19-new-features-3764c8236b45
#angular
Medium
Angular 19 New Features
Angular 19 is expected to bring several enhancements, building on the improvements from earlier versions, focusing on performance…
👍3