Advanced Usage of Angular Dependency Injection
Code reuse and cross-component communication using Angular DI - https://medium.com/@eugeniyoz/advanced-usage-of-angular-dependency-injection-399d0a67a938
#angular
Code reuse and cross-component communication using Angular DI - https://medium.com/@eugeniyoz/advanced-usage-of-angular-dependency-injection-399d0a67a938
#angular
Medium
Advanced Usage of Angular Dependency Injection
Code reuse and cross-component communication using Angular DI
Modular CSS and different ways to structure your stylesheets
Chris Ferdinandi shares how to structure CSS and work with modular files if you’re not using a compiler like Sass. - https://gomakethings.com/modular-css-and-different-ways-to-structure-your-stylesheets
#css
Chris Ferdinandi shares how to structure CSS and work with modular files if you’re not using a compiler like Sass. - https://gomakethings.com/modular-css-and-different-ways-to-structure-your-stylesheets
#css
Gomakethings
Modular CSS and different ways to structure your stylesheets
This week, I’ve written about classless vs. class-based CSS, and how I approach CSS architecture. I’ve also written a fair bit recently about how I’m starting to consider build tools and anti-pattern.
This has led to a few conversations about how to structure…
This has led to a few conversations about how to structure…
The BEST way to proxy your API in Nuxt
Proxying routes to your back-end or third party APIs is a common practice! Over the last two years, various strategies came up in Nuxt. But not all of them work equally well. To figure out which two strategies are the recommended ones, in this video take a look at the four most common strategies, and their shortcomings. - https://www.youtube.com/watch?v=J4E5uYz5AY8
#vue
Proxying routes to your back-end or third party APIs is a common practice! Over the last two years, various strategies came up in Nuxt. But not all of them work equally well. To figure out which two strategies are the recommended ones, in this video take a look at the four most common strategies, and their shortcomings. - https://www.youtube.com/watch?v=J4E5uYz5AY8
#vue
YouTube
The BEST way to proxy your API in Nuxt
➡️ Proxying routes to your back-end or third party APIs is a common practice! Over the last two years, various strategies came up in Nuxt. But not all of them work equally will. To figure out which two strategies are the recommended ones, we have a look at…
Building a CLI from Scratch with TypeScript and oclif
oclif is a mature CLI tool development framework maintained by Salesforce. This tutorial goes from zero to something that works. - https://www.joshcanhelp.com/oclif/
#nodejs
oclif is a mature CLI tool development framework maintained by Salesforce. This tutorial goes from zero to something that works. - https://www.joshcanhelp.com/oclif/
#nodejs
Josh Can Help
Building a CLI from scratch with TypeScript and oclif
I'm building a pair of CLI programs in TypeScript and decided to use oclif for flag parsing and releasing. I needed something more than the getting started doucmentation they had so I wrote it myself.
A Look at ECMAScript's Iterator Helper Methods
The proposal is several years old, but now at stage 3 in TC39, Iterator Helpers are being implemented and ship with V8 12.2/Chrome 122. The helpers are functions like .map, .filter, .take and .forEach and are made available to any object with Iterator.prototype in its prototype chain. - https://v8.dev/features/iterator-helpers
#javascript
The proposal is several years old, but now at stage 3 in TC39, Iterator Helpers are being implemented and ship with V8 12.2/Chrome 122. The helpers are functions like .map, .filter, .take and .forEach and are made available to any object with Iterator.prototype in its prototype chain. - https://v8.dev/features/iterator-helpers
#javascript
v8.dev
Iterator helpers · V8
Interfaces that help with general usage and consumption of iterators.
Rethinking Reactivity in Angular
Explore Angular’s new reactive primitive, Signals, solving glitches and eliminating manual subscriptions. And… - https://blog.bitsrc.io/rethinking-reactivity-in-angular-3bbe69a5a173
#angular
Explore Angular’s new reactive primitive, Signals, solving glitches and eliminating manual subscriptions. And… - https://blog.bitsrc.io/rethinking-reactivity-in-angular-3bbe69a5a173
#angular
Medium
Rethinking Reactivity in Angular
Explore Angular’s new reactive primitive, Signals, solving glitches and eliminating manual subscriptions. And learn what’s in store for…
Using CSS content-visibility To Boost Your Rendering Performance
Rob O’Leary dives into the benefits and practical use cases of the content-visibility CSS property, as well as situations where it might not be the most suitable option. - https://blog.logrocket.com/using-css-content-visibility-boost-rendering-performance
#css
Rob O’Leary dives into the benefits and practical use cases of the content-visibility CSS property, as well as situations where it might not be the most suitable option. - https://blog.logrocket.com/using-css-content-visibility-boost-rendering-performance
#css
LogRocket Blog
Using CSS content-visibility to boost your rendering performance - LogRocket Blog
CSS content-visibility helps boost rendering performance by controlling whether or not an element renders its contents.
How I Built a Server-Side Cache with Express for React - https://latitude.hashnode.dev/expressjs-react-server-side-cache
#react
#react
Latitude
How I built a server-side cache with ExpressJS & React
In this tutorial, you’ll learn how to implement server-side caching to ensure your app stays fast as you scale. We’ll be using ExpressJS for the API server,
The April 10 Node.js Security Releases
Another week, another set of security releases, made up of v18.20.2 (LTS), v20.12.2 (LTS), and v21.7.3 (Current). The main issue relates to a command injection vulnerability on Windows. - https://nodejs.org/en/blog/vulnerability/april-2024-security-releases-2
#nodejs
Another week, another set of security releases, made up of v18.20.2 (LTS), v20.12.2 (LTS), and v21.7.3 (Current). The main issue relates to a command injection vulnerability on Windows. - https://nodejs.org/en/blog/vulnerability/april-2024-security-releases-2
#nodejs
nodejs.org
Node.js — Wednesday, April 10, 2024 Security Releases
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
Real-time updates in Vue apps with Polling
In polling, client makes the request to the server repeatedly in hope for updated/new data. In this article, the author introduces you to the concept of Frontend Polling in Vue.js apps. - https://dev.to/jacobandrewsky/real-time-updates-in-vue-apps-with-polling-35eg
#vue
In polling, client makes the request to the server repeatedly in hope for updated/new data. In this article, the author introduces you to the concept of Frontend Polling in Vue.js apps. - https://dev.to/jacobandrewsky/real-time-updates-in-vue-apps-with-polling-35eg
#vue
DEV Community
Real-time updates in Vue apps with Polling
When I first discovered a concept of Frontend Polling, I wasn't sure if it is a good idea or not. I...
Building a Micro HTMX SSR Framework
Matteo builds on an earlier tutorial about creating a ‘movie quotes’ app by exploring an alternative backend stack to use, based upon Fastify, Vite and HTMX. - https://blog.platformatic.dev/building-a-micro-htmx-ssr-framework
#ssr
Matteo builds on an earlier tutorial about creating a ‘movie quotes’ app by exploring an alternative backend stack to use, based upon Fastify, Vite and HTMX. - https://blog.platformatic.dev/building-a-micro-htmx-ssr-framework
#ssr
Platformatic Blog
Building a Micro HTMX SSR Framework
In the Movie Quotes App Tutorial tutorial from Platformatic's documentation suite, we walked through building a multi-tier application with the service layer built on Fastify backed by Platformatic DB and the frontend built on Astro.
In this tutorial...
In this tutorial...
Textareas with auto-increasing height using CSS
Amit Merchant gives a short intro to an experimental CSS rule with form-sizing property that will let you increase the height of the textarea automatically based on the amount of text the user enters. - https://www.amitmerchant.com/textarea-auto-increase-height
#css
Amit Merchant gives a short intro to an experimental CSS rule with form-sizing property that will let you increase the height of the textarea automatically based on the amount of text the user enters. - https://www.amitmerchant.com/textarea-auto-increase-height
#css
Amit Merchant - A blog on PHP, JavaScript, and more
Textareas with auto-increasing height using CSS
Textareas areas are great when it comes to accepting a large amount of text from the user. But, the problem with textareas is that they have a fixed height. So, if the user enters more text than the height of the text, the text will overflow and the user…
The React 19 Beta
The React team can say this beta is designed to get library developers prepared for an eventual React 19 release, but that hasn’t stopped everyone digging into all the new features anyway - https://react.dev/blog/2024/04/25/react-19
#react
The React team can say this beta is designed to get library developers prepared for an eventual React 19 release, but that hasn’t stopped everyone digging into all the new features anyway - https://react.dev/blog/2024/04/25/react-19
#react
react.dev
React 19 RC – React
The library for web and native user interfaces
Angular Best Practice
Angular, developed by Google, is a powerful framework for dynamic programming of Single Page Application… - https://medium.com/@marcomatto/angular-best-practices-83a7f1d7087c
#angular
Angular, developed by Google, is a powerful framework for dynamic programming of Single Page Application… - https://medium.com/@marcomatto/angular-best-practices-83a7f1d7087c
#angular
Medium
Angular Best Practice 2023
Angular, developed by Google, is a powerful framework for dynamic programming of Single Page Application based on TypeScript .
How to Create a Vue.js 3 Tool Tip Plugin
One of the most powerful features of modern single-page web applications (SPA) is routing. Vue Router is the official library for page navigation in Vue applications. This article will go over everything you need to know to use Vue Router comfortably. - https://vueschool.io/articles/vuejs-tutorials/how-to-create-a-vue-js-3-tool-tip-plugin/
#vue
One of the most powerful features of modern single-page web applications (SPA) is routing. Vue Router is the official library for page navigation in Vue applications. This article will go over everything you need to know to use Vue Router comfortably. - https://vueschool.io/articles/vuejs-tutorials/how-to-create-a-vue-js-3-tool-tip-plugin/
#vue
vueschool.io
How to Create a Vue.js 3 Tool Tip Plugin - Vue School Articles
What is a Vue.js Plugin and how can you create one for yourself? Find out how as we build a Tool Tip plugin together for Vue.js 3.
Node.js: A Documentary of Its Origin Story
It's an hour long, but this documentary covers the history of Node particularly well, including how everything brewed up to the io.js fork of 2014. Easter weekend watching, perhaps? - https://www.youtube.com/watch?v=LB8KwiiUGy0
#nodejs
It's an hour long, but this documentary covers the history of Node particularly well, including how everything brewed up to the io.js fork of 2014. Easter weekend watching, perhaps? - https://www.youtube.com/watch?v=LB8KwiiUGy0
#nodejs
YouTube
Node.js: The Documentary | An origin story
Back in 2008, most people thought of JavaScript as just a client-side language. But when Google's V8 appeared, young developer Ryan Dahl made the connection between non-blocking servers, V8, and JavaScript. It was by combining these key elements that he was…
How to Use ‘keyof’ ‘typeof’ in TypeScript
A practical example of sorting an array with ‘keyof’, ‘typeof’ and enum. - https://blog.bitsrc.io/how-to-use-keyof-typeof-in-typescript-de453fa04fef
#typescript
A practical example of sorting an array with ‘keyof’, ‘typeof’ and enum. - https://blog.bitsrc.io/how-to-use-keyof-typeof-in-typescript-de453fa04fef
#typescript
Medium
How to Use ‘keyof’ ‘typeof’ in TypeScript
A practical example of sorting an array with ‘keyof’, ‘typeof’ and enum.
Path to a Clean(er) React Architecture: API Layer and Fetch Functions - https://profy.dev/article/react-architecture-api-layer-and-fetch-functions
#react
#react
profy.dev
Path To A Clean(er) React Architecture - API Layer & Fetch Functions
Mixing API and UI code quickly leads to messy and unmaintainable code. In this article, we take a step towards a cleaner React architecture by extracting fetch functions to an API layer.
How Custom Property Values are Computed
Stephanie Eckles reviews how the browser determines values for any property, the impact of “computed value time,” pitfalls around using custom properties with cutting-edge CSS, and why inheritance should inform your custom property architecture. - https://moderncss.dev/how-custom-property-values-are-computed/
#css
Stephanie Eckles reviews how the browser determines values for any property, the impact of “computed value time,” pitfalls around using custom properties with cutting-edge CSS, and why inheritance should inform your custom property architecture. - https://moderncss.dev/how-custom-property-values-are-computed/
#css
Modern CSS Solutions
How Custom Property Values are Computed | Modern CSS Solutions
Review behaviors to be aware of regarding how the browser computes final custom property values. A misunderstanding of this process may lead to an unexpected or missing value and difficulty troubleshooting and resolving the issue.