Alternating Style Queries
Roman Komarov shows a neat technique of alternating between different backgrounds or themes on nested elements. - https://kizu.dev/alternating-style-queries
#css
Roman Komarov shows a neat technique of alternating between different backgrounds or themes on nested elements. - https://kizu.dev/alternating-style-queries
#css
kizu.dev
Alternating Style Queries
With the container style queries on the horizon, it is a good time to do more experiments with them. In one of my recent experiments, I found out that style queries will allow us to do what the currently specified (but not implemented by anyone) function…
👍2
useCallback versus useMemo
While superficially they may seem similar, in just 11 minutes we learn the differences and why referential equality is such an essential concept to grok. - https://www.youtube.com/watch?v=M8NaTJN8xh4
#react
While superficially they may seem similar, in just 11 minutes we learn the differences and why referential equality is such an essential concept to grok. - https://www.youtube.com/watch?v=M8NaTJN8xh4
#react
YouTube
useCallback vs. useMemo
Want to hire a senior React developer? https://www.reactsquad.io/jan now!
If you’re expanding your team and need to hire React developers book your free discovery call today! 👉 https://www.reactsquad.io/schedule-a-call
What is the difference between use…
If you’re expanding your team and need to hire React developers book your free discovery call today! 👉 https://www.reactsquad.io/schedule-a-call
What is the difference between use…
👍4
Composing Layouts with Vue Router
Read more to find out how to use Vue Router's named views & route records to build organized & consistent webpages. Easily switch between views & create flexible & reusable layouts. Save time & effort! - https://vueschool.io/articles/vuejs-tutorials/composing-layouts-with-vue-router/
#vue
Read more to find out how to use Vue Router's named views & route records to build organized & consistent webpages. Easily switch between views & create flexible & reusable layouts. Save time & effort! - https://vueschool.io/articles/vuejs-tutorials/composing-layouts-with-vue-router/
#vue
vueschool.io
Composing Vue Layouts with Vue Router - Vue School Articles
Learn how to compose Vue layouts using Vue Router. Explore best practices for Vue Router layouts to enhance app structure and scalability.
👍2
Building a Clean and Scalable Frontend Architecture
As the digital landscape continues to evolve, the importance of frontend architecture for web applications… - https://awstip.com/title-building-a-clean-and-scalable-frontend-architecture-f4fe1f814f68
#architecture
As the digital landscape continues to evolve, the importance of frontend architecture for web applications… - https://awstip.com/title-building-a-clean-and-scalable-frontend-architecture-f4fe1f814f68
#architecture
❤1👍1
“Code Smells” in Angular
In one of my previous post I talked about “Clean Frontend Architecture” and principles that should be… - https://blog.bitsrc.io/code-smells-in-angular-ce73bf7db072
#angular
In one of my previous post I talked about “Clean Frontend Architecture” and principles that should be… - https://blog.bitsrc.io/code-smells-in-angular-ce73bf7db072
#angular
Medium
What are Code Smells in Angular?
In one of my previous post I talked about “Clean Frontend Architecture” and principles that should be followed in order to positively…
👍2
pnpm 9.5 Introduces Catalogs
pnpm is a popular efficiency-focused npm alternative. A new Catalogs feature enables shareable dependency version specifiers, reducing merge conflicts and improving support for monorepos. - https://socket.dev/blog/pnpm-9-5-introduces-catalogs-shareable-dependency-version-specifiers
#nodejs
pnpm is a popular efficiency-focused npm alternative. A new Catalogs feature enables shareable dependency version specifiers, reducing merge conflicts and improving support for monorepos. - https://socket.dev/blog/pnpm-9-5-introduces-catalogs-shareable-dependency-version-specifiers
#nodejs
Socket
pnpm 9.5 Introduces Catalogs: Shareable Dependency Version S...
pnpm 9.5 introduces a Catalogs feature, enabling shareable dependency version specifiers, reducing merge conflicts and improving support for monorepos...
👍3❤1
Handling The Indentation of a Treeview Component
Ahmad Shadeed offers some advice on handling indentation in treeview components. - https://ishadeed.com/article/tree-view-css-indent
#css
Ahmad Shadeed offers some advice on handling indentation in treeview components. - https://ishadeed.com/article/tree-view-css-indent
#css
Ishadeed
Handling The Indentation of a Treeview Component
Exploring different ways to handle the indentation of a treeview component.
👍3
Removing Boilerplate Code from a Vite/Vue.js Multipage Website
This article explores reducing boilerplate code in a Vite/Vue.js multipage website by using a plugin to infer Rollup.js input configuration, thus eliminating the need to manually configure Vite for each page. - https://medium.com/@dwgray/removing-boilerplate-code-from-a-vite-vue-js-multipage-website-1e6c01910ce9
#vue
This article explores reducing boilerplate code in a Vite/Vue.js multipage website by using a plugin to infer Rollup.js input configuration, thus eliminating the need to manually configure Vite for each page. - https://medium.com/@dwgray/removing-boilerplate-code-from-a-vite-vue-js-multipage-website-1e6c01910ce9
#vue
Medium
Removing Boilerplate Code from a Vite/Vue.js Multipage Website
I have an allergy to duplicate code that significantly predates Hunt and Thomas’s formalization of the DRY principle. This includes…
👍2🤓1
Path to a Clean(er) React Architecture: Domain Logic
The latest part of an ongoing series that takes a React code base with lots of bad practices and refactors it step-by-step. - https://profy.dev/article/react-architecture-domain-logic
#react
The latest part of an ongoing series that takes a React code base with lots of bad practices and refactors it step-by-step. - https://profy.dev/article/react-architecture-domain-logic
#react
profy.dev
Path To A Clean(er) React Architecture (Part 7) - Domain Logic
Ever wondered where to put all the small functions that often end up in utility files? The domain layer might be the answer.
👍5
Feature flags in Angular
Dive into the world of Angular feature flags! Discover the flexibility they bring, empowering seamless… - https://medium.com/@iamjustin/feature-flags-in-angular-d50a2b8437fe
#angular
Dive into the world of Angular feature flags! Discover the flexibility they bring, empowering seamless… - https://medium.com/@iamjustin/feature-flags-in-angular-d50a2b8437fe
#angular
Medium
Feature flags in Angular
Dive into the world of Angular feature flags! Discover the flexibility they bring, empowering seamless releases and agile development.
👍3❤1
Vercel Enabling Streaming for All Node.js Vercel Functions - https://vercel.com/changelog/vercel-functions-to-enable-streaming-by-default
#nodejs
#nodejs
Vercel
Streaming to be enabled by default for all Node.js Vercel Functions - Vercel
The best way to deploy your Next.js site.
👍2❤1
Time-Based CSS Animations
Yuan Chuan showcases a time-based way of animation using CSS Math functions. - https://yuanchuan.dev/time-based-css-animations
#css
Yuan Chuan showcases a time-based way of animation using CSS Math functions. - https://yuanchuan.dev/time-based-css-animations
#css
yuanchuan.dev
Time-based CSS Animations
In my earlier post Time Uniform For CSS Animation,
I took a note about a way to do CSS animations with time ticks instead of keyframes.
It was limited applicable because CSS lacked the ability of doing complex Math calculations.
After years…
I took a note about a way to do CSS animations with time ticks instead of keyframes.
It was limited applicable because CSS lacked the ability of doing complex Math calculations.
After years…
👍2
Hexagonal Architecture: The Secret to Scalable and Maintainable Code for Modern…
Hexagonal architecture, also known as ports and adapters architecture, is an architectural pattern that aims… - https://romanglushach.medium.com/hexagonal-architecture-the-secret-to-scalable-and-maintainable-code-for-modern-software-d345fdb47347
#architecture
Hexagonal architecture, also known as ports and adapters architecture, is an architectural pattern that aims… - https://romanglushach.medium.com/hexagonal-architecture-the-secret-to-scalable-and-maintainable-code-for-modern-software-d345fdb47347
#architecture
Medium
Hexagonal Architecture: The Secret to Scalable and Maintainable Code for Modern Software
Hexagonal architecture, also known as ports and adapters architecture, is an architectural pattern that aims to create loosely coupled…
👍3❤1
How to Deploy Your React App Using Container Registry
DigitalOcean’s commercial alternative to deploying React apps by creating a Docker image, pushing it to their Container Registry and then deploying it using one of their 'droplet' VMs. - https://www.digitalocean.com/community/developer-center/how-to-deploy-your-react-app-using-container-registry
#react
DigitalOcean’s commercial alternative to deploying React apps by creating a Docker image, pushing it to their Container Registry and then deploying it using one of their 'droplet' VMs. - https://www.digitalocean.com/community/developer-center/how-to-deploy-your-react-app-using-container-registry
#react
Digitalocean
How to deploy your React app using Container Registry | DigitalOcean
Technical tutorials, Q&A, events — This is an inclusive place where developers can find or lend support and discover new ways to contribute to the community.
❤3👍2
Typing Component Props in Vue 3
The article discusses typing component props in Vue 3, highlighting the benefits of using TypeScript with Vue 3 and the limitations of using the defineProps macro. The author advises careful consideration of these limitations when using TypeScript with Vue 3. - https://medium.com/@yuvalkarif3/typing-component-props-in-vue-3-e5fa365e3d75
#vue
The article discusses typing component props in Vue 3, highlighting the benefits of using TypeScript with Vue 3 and the limitations of using the defineProps macro. The author advises careful consideration of these limitations when using TypeScript with Vue 3. - https://medium.com/@yuvalkarif3/typing-component-props-in-vue-3-e5fa365e3d75
#vue
Medium
Typing Component Props in Vue 3
Vue 3 has significantly expanded its capabilities, Recently I’ve been using solely the Composition API alongside Typescript for developing…
👍2
Code Smells in Angular — Deep Dive
In one of my previous post I have talked about Code Smells in Angular [1]. This time I would like to… - https://medium.com/@robert.maiersilldorff/code-smells-in-angular-deep-dive-part-i-d63dd5f5215e
#angular
In one of my previous post I have talked about Code Smells in Angular [1]. This time I would like to… - https://medium.com/@robert.maiersilldorff/code-smells-in-angular-deep-dive-part-i-d63dd5f5215e
#angular
Medium
Code Smells in Angular — Deep Dive — Part I
In one of my previous post I have talked about Code Smells in Angular [1]. This time I would like to elaborate more on this topic and…
👍2
The New !important
Geoff Graham examines an interesting technique of increasing specificity. - https://geoffgraham.me/the-new-css-important
#css
Geoff Graham examines an interesting technique of increasing specificity. - https://geoffgraham.me/the-new-css-important
#css
Geoff Graham
The New !important - Geoff Graham
I spotted this CSS used in a very popular WordPress theme:
👍2
A Guide to Reading and Writing Node.js Streams
A post from the creator of Fastify (and a Node.js TSC member) is always a treat. Matteo reminds us of the benefits of using Node’s powerful streaming data features, where they make sense, and how to handle back-pressure and error management. - https://blog.platformatic.dev/a-guide-to-reading-and-writing-nodejs-streams
#nodejs
A post from the creator of Fastify (and a Node.js TSC member) is always a treat. Matteo reminds us of the benefits of using Node’s powerful streaming data features, where they make sense, and how to handle back-pressure and error management. - https://blog.platformatic.dev/a-guide-to-reading-and-writing-nodejs-streams
#nodejs
Platformatic Blog
Reading and writing Node.js streams
By the end of this guide, you will have a deep understanding of how streams work, including creating and managing readable and writable streams, handling ba
👍2❤1
Transforming Frontend Architecture: A Journey from Monolith to Micro Frontends…
Learn about Udemy’s successful migration to micro frontends, enhancing development processes and boosting… - https://medium.com/udemy-engineering/transforming-frontend-architecture-a-journey-from-monolith-to-micro-frontends-at-udemy-part-3-2dfdd74ff913
#microfrontends
Learn about Udemy’s successful migration to micro frontends, enhancing development processes and boosting… - https://medium.com/udemy-engineering/transforming-frontend-architecture-a-journey-from-monolith-to-micro-frontends-at-udemy-part-3-2dfdd74ff913
#microfrontends
Medium
Transforming Frontend Architecture: A Journey from Monolith to Micro Frontends at Udemy — Part 3 of 3
Learn about Udemy’s successful migration to micro frontends, enhancing development processes and boosting performance metrics.
👍3
Automatic File-Based Routing in Vue.js with TypeScript Support
This article introduces you to the exciting world of Automatic File-Based Routing in Vue.js 3 using unplugin-vue-router. Say goodbye to verbose router configuration files and embrace a more intuitive, maintainable, and developer-friendly way to define your application's routes. - https://vueschool.io/articles/vuejs-tutorials/automatic-file-based-routing-in-vue-js-with-typescript-support/
#vue
This article introduces you to the exciting world of Automatic File-Based Routing in Vue.js 3 using unplugin-vue-router. Say goodbye to verbose router configuration files and embrace a more intuitive, maintainable, and developer-friendly way to define your application's routes. - https://vueschool.io/articles/vuejs-tutorials/automatic-file-based-routing-in-vue-js-with-typescript-support/
#vue
vueschool.io
Automatic File-Based Routing in Vue.js with TypeScript Support - Vue School Articles
This article introduces you to the exciting world of Automatic File-Based Routing in Vue.js 3 using unplugin-vue-router. Say goodbye to verbose router configuration files and embrace a more intuitive, maintainable, and developer-friendly way to define your…
👍3