Converting Signals to Observables in Angular: What You Need to Know
Angular v16 introduces the new package rxjs-interop, which comes with a handy function called toObservable… - https://netbasal.com/converting-signals-to-observables-in-angular-what-you-need-to-know-971eacd3af2
#angular
Angular v16 introduces the new package rxjs-interop, which comes with a handy function called toObservable… - https://netbasal.com/converting-signals-to-observables-in-angular-what-you-need-to-know-971eacd3af2
#angular
Medium
Converting Signals to Observables in Angular: What You Need to Know
Angular v16 introduces the new package rxjs-interop, which comes with a handy function called toObservable that allows developers to…
A Global Design System
Brad Frost outlines an idea for a Global Design System to provide the world’s web designers & developers with a library of common UI components. - https://bradfrost.com/blog/post/a-global-design-system
#css
Brad Frost outlines an idea for a Global Design System to provide the world’s web designers & developers with a library of common UI components. - https://bradfrost.com/blog/post/a-global-design-system
#css
Brad Frost
A Global Design System
TL;DR: This is a call to action to create a Global Design System that provides the world's web designers & developers a library of common UI components. A Global Design System would improve the quality and accessibility of the world's web experiences, save…
Modern Server-Side Design with Node.js and TypeScript
Introduction to Modern Server-Side Design with Node.js and TypeScript - https://medium.com/@yurii.h.dev/modern-server-side-design-with-node-js-and-typescript-3fcb46cd461c
#nodejs
Introduction to Modern Server-Side Design with Node.js and TypeScript - https://medium.com/@yurii.h.dev/modern-server-side-design-with-node-js-and-typescript-3fcb46cd461c
#nodejs
Medium
Modern Server-Side Design with Node.js and TypeScript
1 Introduction to Modern Server-Side Design with Node.js and TypeScript
7 Advanced Techniques for Dependency Injection in Angular
Hello, developers! Today, let’s deep-dive into the labyrinthine world of Dependency Injection (DI) in… - https://itnext.io/7-advanced-techniques-for-dependency-injection-in-angular-c4f96c3c8dd8
#angular
Hello, developers! Today, let’s deep-dive into the labyrinthine world of Dependency Injection (DI) in… - https://itnext.io/7-advanced-techniques-for-dependency-injection-in-angular-c4f96c3c8dd8
#angular
Medium
7 Advanced Techniques for Dependency Injection in Angular
Hello, developers! Today, let’s deep-dive into the labyrinthine world of Dependency Injection (DI) in Angular. If you’re looking to write…
How to Elegantly Observe localStorage Changes in Vue 3?
The native localStorage can only listen to changes within the same origin across different pages. However, for single-page applications, this approach is not practical. In this article the author outlines a solution to create a custom hook to monitor changes in localStorage. - https://javascript.plainenglish.io/how-to-elegantly-observe-localstorage-changes-in-vue-3-a42fcf9c82ca
#vue
The native localStorage can only listen to changes within the same origin across different pages. However, for single-page applications, this approach is not practical. In this article the author outlines a solution to create a custom hook to monitor changes in localStorage. - https://javascript.plainenglish.io/how-to-elegantly-observe-localstorage-changes-in-vue-3-a42fcf9c82ca
#vue
Medium
How to Elegantly Observe localStorage Changes in Vue 3?
Why do this?
Best Practices for Writing Tests with React Testing Library
Covers common mistakes made when using React Testing Library, along with topics like using specific queries to improve test coverage. - https://claritydev.net/blog/improving-react-testing-library-tests
#react
Covers common mistakes made when using React Testing Library, along with topics like using specific queries to improve test coverage. - https://claritydev.net/blog/improving-react-testing-library-tests
#react
claritydev.net
Best Practices for Writing Tests with React Testing Library
Properly written tests not only help prevent regressions and buggy code, but in the case of React Testing Library, they also improve the accessibility of components and the overall user experience. In this post, we'll explore how to get the most out of your…
Implementing Micro-frontends for Large Applications
Micro-frontends are an exciting and futuristic approach to modern web development. If you are working on a… - https://blog.bitsrc.io/implementing-micro-frontends-for-large-applications-1e1b3c241097
#microfrontends
Micro-frontends are an exciting and futuristic approach to modern web development. If you are working on a… - https://blog.bitsrc.io/implementing-micro-frontends-for-large-applications-1e1b3c241097
#microfrontends
Medium
Micro-frontends for Large Applications
How to handle complex and large applications using micro-frontends.
Ultimate Guide to Visual Testing with Playwright
Ultimate or not, this tutorial is pretty thorough and will get you several steps down the road of fetching pages and making visual comparisons, all from JavaScript. - https://www.browsercat.com/post/ultimate-guide-visual-testing-playwright
#nodejs
Ultimate or not, this tutorial is pretty thorough and will get you several steps down the road of fetching pages and making visual comparisons, all from JavaScript. - https://www.browsercat.com/post/ultimate-guide-visual-testing-playwright
#nodejs
BrowserCat
Ultimate Guide to Visual Testing with Playwright
Visual testing is essential in web app development, ensuring your users never face a broken UI. Learn everything you'll need in this comprehensive guide.
The Quiet, Pervasive Devaluation of Frontend
Josh Collinsworth examines the perceived devaluation of front-end development work. - https://joshcollinsworth.com/blog/devaluing-frontend
#css
Josh Collinsworth examines the perceived devaluation of front-end development work. - https://joshcollinsworth.com/blog/devaluing-frontend
#css
Josh Collinsworth
The quiet, pervasive devaluation of frontend
I keep noticing those of us in the frontend field being treated much the same as nurses, paralegals, and executive assistants. Our work is seen as important, certainly, but just not the same as, or as important as, the “real” work.
Optimizing Angular Form Validation with Lazy Load
Lazy loading is a technique used to improve the performance of web applications by only loading the necessary… - https://netbasal.com/optimizing-angular-form-validation-with-lazy-load-61265536a6f2
#angular
Lazy loading is a technique used to improve the performance of web applications by only loading the necessary… - https://netbasal.com/optimizing-angular-form-validation-with-lazy-load-61265536a6f2
#angular
Medium
Optimizing Angular Form Validation with Lazy Load
Lazy loading is a technique used to improve the performance of web applications by only loading the necessary code and resources when…
The REST API Handbook – How to Build, Test, Consume, and Document REST APIs
REST is a widely-used architectural style for building web services & APIs. It's designed to be simple, scalable, & flexible – and it's a good skill to have. This article provides a guide on how to build, test, consume & document REST APIs. - https://www.freecodecamp.org/news/build-consume-and-document-a-rest-api/
#reastapi
REST is a widely-used architectural style for building web services & APIs. It's designed to be simple, scalable, & flexible – and it's a good skill to have. This article provides a guide on how to build, test, consume & document REST APIs. - https://www.freecodecamp.org/news/build-consume-and-document-a-rest-api/
#reastapi
freeCodeCamp.org
The REST API Handbook – How to Build, Test, Consume, and Document REST APIs
Hi everyone! In this tutorial we're going to take a deep dive into REST APIs. I recently wrote this article where I explained the main differences between common API types nowadays. And this tutorial aims to show you an example of how you can fully i...
How to Create a Draggable Item in Vue Without Using Any Packages
Vue.js provides a smooth way to connect events which makes working with the Document Object Model (DOM) easier. This opens up a wide range of possibilities for developers. In this concise guide, explore the art of making an item draggable in Vue. - https://medium.com/@alemrandev/how-to-create-a-draggable-item-in-vue-without-using-any-packages-871a132b083b
#vue
Vue.js provides a smooth way to connect events which makes working with the Document Object Model (DOM) easier. This opens up a wide range of possibilities for developers. In this concise guide, explore the art of making an item draggable in Vue. - https://medium.com/@alemrandev/how-to-create-a-draggable-item-in-vue-without-using-any-packages-871a132b083b
#vue
Medium
How to Create a Draggable Item in Vue Without Using Any Packages
Vue.js stands out as a powerhouse for crafting interactive and seamless user experiences. Its ability to effortlessly bind events, simplify…
Supercharging Your Next.js App with Cloudinary Images and Video
Cloudinary is a paid service (we use it for our newsletter images!) but there’s enough code-wise here to keep it useful and interesting. - https://www.youtube.com/watch?v=6Z3XoEoebRQ
#react
Cloudinary is a paid service (we use it for our newsletter images!) but there’s enough code-wise here to keep it useful and interesting. - https://www.youtube.com/watch?v=6Z3XoEoebRQ
#react
YouTube
Supercharging your Next.js App with Cloudinary Images & Video ft. Colby Fayock
Unlock the full potential of your Next.js applications by mastering the integration of Cloudinary for efficient handling of images and video content. In this JS Drop, participants will learn the intricacies of seamlessly incorporating Cloudinary's powerful…
CSS for Printing to Paper
Ethan Dalool explains the basics of print stylesheets and shares some tips and tricks to help you optimize your webpages for print. - https://voussoir.net/writing/css_for_printing
#css
Ethan Dalool explains the basics of print stylesheets and shares some tips and tricks to help you optimize your webpages for print. - https://voussoir.net/writing/css_for_printing
#css
The Faster Lambda Runtime: Node or LLRT? We Benchmarked
Amazon recently open sourced LLRT, a new low latency server side JavaScript runtime targeting ephemeral use cases, such as serverless. - https://learnaws.io/blog/node-vs-llrt
#nodejs
Amazon recently open sourced LLRT, a new low latency server side JavaScript runtime targeting ephemeral use cases, such as serverless. - https://learnaws.io/blog/node-vs-llrt
#nodejs
learnaws.io
The faster Lambda runtime - NodeJS or LLRT? We benchmarked.
LLRT is a Low Latency Runtime for AWS Lambda built with QuickJS & Rust. Can it replace NodeJS? LLRT reduces your Lambda cost by 2x, and cold start by 10x.
8 Useful Angular Libraries
Hi all 👋, In this article let’s talk about some Angular libraries, useful to your Angular project. You may… - https://blog.stackademic.com/8-useful-angular-libraries-3242643f73d9
#angular
Hi all 👋, In this article let’s talk about some Angular libraries, useful to your Angular project. You may… - https://blog.stackademic.com/8-useful-angular-libraries-3242643f73d9
#angular
Medium
8 Useful Angular Libraries
Hi all 👋, In this article let’s talk about some Angular libraries, useful to your Angular project. You may have heard about some of these…
All we know about Vue 3's Vapor Mode
Vapor Mode is a new and alternative compilation strategy inspired by Solid.js. It aims to enhance your apps' performance by compiling your code into a more efficient JavaScript output. This article provides a comprehensive look at Vapor Mode in Vue.js - https://icarusgk.hashnode.dev/vue-3-vapor-mode
#vue
Vapor Mode is a new and alternative compilation strategy inspired by Solid.js. It aims to enhance your apps' performance by compiling your code into a more efficient JavaScript output. This article provides a comprehensive look at Vapor Mode in Vue.js - https://icarusgk.hashnode.dev/vue-3-vapor-mode
#vue
icarus.gk's blog
Vue 3 Vapor Mode News
...until now
Looking Into the Type System of the React Compiler
If you’re not merely content to wait to see what the React Compiler will bring, but want to dig into the details under the hood, Sathya is here for you. - https://www.recompiled.dev/blog/type-system/
#react
If you’re not merely content to wait to see what the React Compiler will bring, but want to dig into the details under the hood, Sathya is here for you. - https://www.recompiled.dev/blog/type-system/
#react
www.recompiled.dev
Type system of the React compiler
The post describes how the type system of the React compiler is implemented and used
Creating Color Palettes With the CSS color-mix() Function
Michelle Barker examines how the color-mix() function can be a game-changer for your design process. - https://developer.mozilla.org/en-US/blog/color-palettes-css-color-mix
#css
Michelle Barker examines how the color-mix() function can be a game-changer for your design process. - https://developer.mozilla.org/en-US/blog/color-palettes-css-color-mix
#css
MDN Web Docs
Creating color palettes with the CSS color-mix() function | MDN Blog
Working with colors on the web just got more interesting! In this article, we’ll explore how to use the CSS color-mix() function to create variations in color palettes.
How npm install Scripts Can Be Weaponized
A quick look at a real world example of how npm pre-install and post-install scripts can serve as ways to inject malicious code into open source packages. - https://stacklok.com/blog/how-npm-install-scripts-can-be-weaponized-a-real-life-example-of-a-harmful-npm-package
#nodejs
A quick look at a real world example of how npm pre-install and post-install scripts can serve as ways to inject malicious code into open source packages. - https://stacklok.com/blog/how-npm-install-scripts-can-be-weaponized-a-real-life-example-of-a-harmful-npm-package
#nodejs
Stacklok
How npm install scripts can be weaponized: A real-world example of a harmful npm package
How npm preinstall and postinstall scripts can serve as methods to inject malicious code into open source packages.