How I’ve Created Custom Inputs in Angular 16
ControlValueAccessor to help you abstract your inputs and keep you DRY - https://blog.bitsrc.io/how-ive-created-custom-inputs-in-angular-16-43f4c2d37d07
#angular
ControlValueAccessor to help you abstract your inputs and keep you DRY - https://blog.bitsrc.io/how-ive-created-custom-inputs-in-angular-16-43f4c2d37d07
#angular
Medium
How I’ve Created Custom Inputs in Angular 16!
ControlValueAccessor to help you abstract your inputs and keep you DRY!
Container Style Queries
Manuel Matuzovic explores new ways of approaching CSS by querying custom properties and their values. - https://12daysofweb.dev/2023/container-style-queries
#css
Manuel Matuzovic explores new ways of approaching CSS by querying custom properties and their values. - https://12daysofweb.dev/2023/container-style-queries
#css
12daysofweb.dev
Container Style Queries | 12 Days of Web
Exploring new ways of approaching CSS by querying custom properties and their values.
My Top 5 Tips for using Pinia
In this blogpost from the creator of Pinia, discover 5 exclusive tips for using Pinia in your Vue.js Application. - https://masteringpinia.com/blog/my-top-5-tips-for-using-pinia
#vue
In this blogpost from the creator of Pinia, discover 5 exclusive tips for using Pinia in your Vue.js Application. - https://masteringpinia.com/blog/my-top-5-tips-for-using-pinia
#vue
Masteringpinia
My Top 5 Tips for using Pinia
The Top 5 Tips for using Pinia by Eduardo San Martin Morote, the author of Pinia himself
Avoid Switch-Case Chaos: Harnessing Strategy Pattern and Union Types in…
Remember last time we had a chat about Martin Fowler’s Domain Logic Patterns? We found out how the… - https://levelup.gitconnected.com/avoid-switch-case-chaos-harnessing-strategy-pattern-and-union-types-in-typescript-2d81c2d9dc1
#typescript
Remember last time we had a chat about Martin Fowler’s Domain Logic Patterns? We found out how the… - https://levelup.gitconnected.com/avoid-switch-case-chaos-harnessing-strategy-pattern-and-union-types-in-typescript-2d81c2d9dc1
#typescript
Medium
Avoid Switch-Case Chaos: Harnessing Strategy Pattern and Union Types in TypeScript
Remember last time we had a chat about Martin Fowler’s Domain Logic Patterns? We found out how the Transaction Script and Domain Model each…
Some tricks for customizing the Angular build
Webpack required, batteries not included - https://itnext.io/some-tricks-for-customizing-the-angular-build-fc2fd33c8e2f
#angular
Webpack required, batteries not included - https://itnext.io/some-tricks-for-customizing-the-angular-build-fc2fd33c8e2f
#angular
Medium
Some tricks for customizing the Angular build
Webpack required, batteries not included
Best Practices Using React Server Components with a Headless CMS - https://www.cosmicjs.com/blog/best-practices-using-react-server-components-with-a-headless-cms
#react
#react
Cosmic
Best Practices using React Server Components with a Headless CMS
React Server Components offer quite a significant improvement to developer experience compared to pre-RSC Next.js especially when working with a headless CMS.
The Node.js Best Practices List: 2023 Edition
This long standing resource is valuable enough that it was in 2022's 'best of' too 😉 Delightfully it was “modernized to 2023 standards” with much work by creator Yoni and a growing team of contributors. The topics remained the same, though, covering areas like code style, project architecture, and taking apps to production. - https://github.com/goldbergyoni/nodebestpractices
#nodejs
This long standing resource is valuable enough that it was in 2022's 'best of' too 😉 Delightfully it was “modernized to 2023 standards” with much work by creator Yoni and a growing team of contributors. The topics remained the same, though, covering areas like code style, project architecture, and taking apps to production. - https://github.com/goldbergyoni/nodebestpractices
#nodejs
GitHub
GitHub - goldbergyoni/nodebestpractices: :white_check_mark: The Node.js best practices list (July 2024)
:white_check_mark: The Node.js best practices list (July 2024) - goldbergyoni/nodebestpractices
How to Create a Vue-based Chrome Extension
In this tutorial, we will create a chrome extension that displays a random quote using VueJS and Webpack from scratch without any extension boilerplate. - https://javascript.plainenglish.io/how-to-create-vuejs-based-chrome-extension-645d6fe9bf53
#vue
In this tutorial, we will create a chrome extension that displays a random quote using VueJS and Webpack from scratch without any extension boilerplate. - https://javascript.plainenglish.io/how-to-create-vuejs-based-chrome-extension-645d6fe9bf53
#vue
Medium
How to Create a Vue-based Chrome Extension
Build VueJS Chrome extension from scratch using Webpack
Locking scroll with :has()
Robb Owen shares a quick tip for handling locked scroll with :has() pseudo-class. - https://robbowen.digital/wrote-about/locking-scroll-with-has
#css
Robb Owen shares a quick tip for handling locked scroll with :has() pseudo-class. - https://robbowen.digital/wrote-about/locking-scroll-with-has
#css
Robb Owen Digital
Locking scroll with :has() - Robb Owen
Now that :has has landed in all browsers, here's a quick tip for handling locked scroll
How we migrated from Rollup to Vite
Vite, a next-generation frontend tool, had taken over the frontend world by storm in the past few years. - https://propertyguru.tech/how-we-migrated-from-rollup-to-vite-96f7e77e87c3
#vite
Vite, a next-generation frontend tool, had taken over the frontend world by storm in the past few years. - https://propertyguru.tech/how-we-migrated-from-rollup-to-vite-96f7e77e87c3
#vite
Medium
How we migrated from Rollup to Vite
Vite, a next-generation frontend tool, had taken over the frontend world by storm in the past few years.
Polymorphism in React: Two Patterns to Know - https://www.bekk.christmas/post/2023/1/polymorphism-in-react
#react
#react
www.bekk.christmas
Polymorphism in React: 2 patterns you must know
Whether you're making a library or making React components for your own sake, there's one technique you must know: polymorphism. It's when one thing can be multiple shapes, as when a button can act as a link. Used correct, it can save you from maintaining…
The 12 Most Popular Node.js Frameworks in 2023
The data came from surveys, GitHub stars, plus some gut feelings, but it was a well put together summarized list of frameworks of the moment. - https://stackdiary.com/node-js-frameworks/
#nodejs
The data came from surveys, GitHub stars, plus some gut feelings, but it was a well put together summarized list of frameworks of the moment. - https://stackdiary.com/node-js-frameworks/
#nodejs
Stack Diary
The Most Popular Node.js Frameworks (2023)
This is a comprehensive overview for the most popular Node.js frameworks in the current year. Also covers up and rising stars to keep an eye out for.
RouteReuseStrategy Simplified in Angular
What is Route Reuse Strategy In Angular? How to Implement it? - https://javascript.plainenglish.io/routereusestrategy-simplified-in-angular-2e358db618d9
#angular
What is Route Reuse Strategy In Angular? How to Implement it? - https://javascript.plainenglish.io/routereusestrategy-simplified-in-angular-2e358db618d9
#angular
Medium
RouteReuseStrategy Simplified in Angular
What is Route Reuse Strategy In Angular? How to Implement it?
A Few Interesting Ways To Use CSS Shadows For More Than Depth
Preethi experiments with different shadows — two CSS properties and a filter — to make interesting hover effects, different text styles, and even casting shadows on other shadows. - https://www.smashingmagazine.com/2023/08/interesting-ways-use-css-shadows
#css
Preethi experiments with different shadows — two CSS properties and a filter — to make interesting hover effects, different text styles, and even casting shadows on other shadows. - https://www.smashingmagazine.com/2023/08/interesting-ways-use-css-shadows
#css
Smashing Magazine
A Few Interesting Ways To Use CSS Shadows For More Than Depth — Smashing Magazine
We often think of shadows in CSS as something to reach for when we want to add depth to a design. But shadows can be used for more than depth. Let’s experiment with different shadows — two CSS properties and a filter — to make interesting hover effects, different…
How to create beautiful view transitions in Nuxt using the new View Transitions API
Web Transitions API is a new API that gives us a better way of creating animated transitions between different DOM states while also updating the DOM contents in a single step. This article provides a guide on how to create stunning webpage transition with the new View Transition API. - https://dev.to/michalkuncio/how-to-create-beautiful-view-transitions-in-nuxt-using-the-new-view-transitions-api-1pph
#vue
Web Transitions API is a new API that gives us a better way of creating animated transitions between different DOM states while also updating the DOM contents in a single step. This article provides a guide on how to create stunning webpage transition with the new View Transition API. - https://dev.to/michalkuncio/how-to-create-beautiful-view-transitions-in-nuxt-using-the-new-view-transitions-api-1pph
#vue
DEV Community
How to create beautiful view transitions in Nuxt using the new View Transitions API
Intro The Web platform is thriving with all those new APIs that were introduced lately....
The State of Node.js Performance in 2023
Node 20 was put through its paces against 18.16 and 16.20 with a few different benchmark suites running on EC2. It went into a lot of depth, but ultimately Node 20 is the champion. - https://blog.rafaelgss.dev/state-of-nodejs-performance-2023
#nodejs
Node 20 was put through its paces against 18.16 and 16.20 with a few different benchmark suites running on EC2. It went into a lot of depth, but ultimately Node 20 is the champion. - https://blog.rafaelgss.dev/state-of-nodejs-performance-2023
#nodejs
blog.rafaelgss.dev
State of Node.js Performance 2023
Tech insights on Performance, Security and Node.js from Rafael Gonzaga, Node.js TSC member
State management in Micro-Frontends
What is State Management? State management refers to the process of managing the data and application state… - https://medium.com/sysco-labs/state-management-in-micro-frontends-ee273830f95f
#microfrontends
What is State Management? State management refers to the process of managing the data and application state… - https://medium.com/sysco-labs/state-management-in-micro-frontends-ee273830f95f
#microfrontends
Medium
State management in Micro-Frontends
State management refers to the process of managing the data and application state of a software application. This involves organizing and updating the information that the application relies on to…
React Tricks: Fast, Fit and Fun
The developer of Wouter, a minimal hook-based router for React apps, explains some of the ‘tricks and hacks’ he’s used while maintaining the library, complete with some neat interactive demos. - https://molefrog.com/notes/react-tricks
#react
The developer of Wouter, a minimal hook-based router for React apps, explains some of the ‘tricks and hacks’ he’s used while maintaining the library, complete with some neat interactive demos. - https://molefrog.com/notes/react-tricks
#react
Molefrog
React Tricks: Fast, Fit and Fun
How to make your React app or library faster and smaller. Tips and tricks: `useEvent`, `useSyncExternalStore`, stable object references, readonly `useState`.
Angular 16 Is Out Now: Learn How to Replace RxJS with Signals
Signals are meant to replace RxJS to simplify your reactive code. - https://blog.bitsrc.io/angular-16-is-out-now-learn-how-to-replace-rxjs-with-signals-c1f6f410809
#angular
Signals are meant to replace RxJS to simplify your reactive code. - https://blog.bitsrc.io/angular-16-is-out-now-learn-how-to-replace-rxjs-with-signals-c1f6f410809
#angular
Medium
Angular 16 Is Out Now: Learn How to Replace RxJS with Signals
Signals are meant to replace RxJS to simplify your reactive code.
CSS Selectors: A Visual Guide
Sébastien Noël created a visual guide to the most popular CSS selectors. - https://fffuel.co/css-selectors
#css
Sébastien Noël created a visual guide to the most popular CSS selectors. - https://fffuel.co/css-selectors
#css
fffuel.co
CSS Selectors: A Visual Guide & Reference
Visual guide to CSS selectors, including pseudo-classes (:nth-child, :hover,...), functional pseudo-classes (:not, :is,...) and pseudo-elements.