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.
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…
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.
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.
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.
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…
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…
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.
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…
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…
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:
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
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.
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…
React Form Button
How to use a form button to trigger a server action in a Server Component without any form fields or form data. - https://www.robinwieruch.de/react-form-button/
#react
How to use a form button to trigger a server action in a Server Component without any form fields or form data. - https://www.robinwieruch.de/react-form-button/
#react
www.robinwieruch.de
React Form Button
Learn how to trigger a server action with a form button without using a Client Component in React ...
Design Patterns in Angular
Source: Design Patterns in Angular - https://blog.devgenius.io/design-patterns-in-angular-212fcf468dce
#angular
Source: Design Patterns in Angular - https://blog.devgenius.io/design-patterns-in-angular-212fcf468dce
#angular
Medium
Design Patterns in Angular
Source: Design Patterns in Angular
Frontend Application Security: Tips and Tricks
A Comprehensive Guide to Application Security - https://blog.bitsrc.io/frontend-application-security-tips-practices-f9be12169e66
#security
A Comprehensive Guide to Application Security - https://blog.bitsrc.io/frontend-application-security-tips-practices-f9be12169e66
#security
Medium
Frontend Application Security: Tips and Tricks
A Comprehensive Guide to Application Security
Long Alt
Adrian Roselli gives some advice on crafting useful alt text. - https://adrianroselli.com/2024/04/long-alt.html
#css
Adrian Roselli gives some advice on crafting useful alt text. - https://adrianroselli.com/2024/04/long-alt.html
#css
Adrian Roselli
Long Alt
TL;DR: Keep your image alternative text brief, devoid of special characters, empty of URLs, and ideally in one language. Here We Go Sometimes you can have too much alternative text, particularly for an <img>. I don’t mean there is a limit to what is allowed…
NPM Supply Chain Security: Why We Can Be Optimistic About the Future
We frequently link to stories about misuses of npm to distribute malware, nefarious packages, and more, but Robat reflects on just how much things are improving with 2FA, package provenance, and community efforts. - https://blog.scottlogic.com/2024/07/09/supply-chain-security-in-npm-we-can-be-optimistic-about-the-future.html
#nodejs
We frequently link to stories about misuses of npm to distribute malware, nefarious packages, and more, but Robat reflects on just how much things are improving with 2FA, package provenance, and community efforts. - https://blog.scottlogic.com/2024/07/09/supply-chain-security-in-npm-we-can-be-optimistic-about-the-future.html
#nodejs
Scott Logic
Supply chain security in NPM - we can be optimistic about the future
It seems barely a month goes by without a new supply chain attack making the headlines, and malicious code in dependency packages from package managers such as NPM is a common method. My usual sentiments include “oh another one, what a surprise”, before thoughts…
The Results of State of React 2023
The State of React 2023 survey ran last December but the results from over 13,000 respondents have finally landed. - https://2023.stateofreact.com/en-US/
#react
The State of React 2023 survey ran last December but the results from over 13,000 respondents have finally landed. - https://2023.stateofreact.com/en-US/
#react
Stateofreact
State of React 2023
The 2023 edition of the annual survey about the latest trends in the React ecosystem.