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
👍4
Understanding Progressive Web Apps(PWA) with Angular: A Comprehensive Guide - https://mohanbyte.medium.com/mastering-progressive-web-apps-with-angular-a-comprehensive-guide-10fc221d9cd9
#angular
#angular
Medium
Understanding Progressive Web Apps with Angular: A Comprehensive Guide
Progressive Web Apps are web applications that work seemlessly and provide the same user experience independent of user device and network…
👍4
How to Migrate Your Existing Application to Micro Frontend Architecture
Transform Your Monolith: A Step-by-Step Guide to… - https://blog.bitsrc.io/how-to-migrate-your-existing-application-to-micro-frontend-architecture-4fff95fac979
#microfrontends
Transform Your Monolith: A Step-by-Step Guide to… - https://blog.bitsrc.io/how-to-migrate-your-existing-application-to-micro-frontend-architecture-4fff95fac979
#microfrontends
Medium
How to Migrate Your Existing Application to Micro Frontend Architecture
Transform Your Monolith: A Step-by-Step Guide to Adopting Micro-Frontend Architecture
👍4
Node v23.5.0 (Current) Released
A Node release that slipped in just before 2024 ended. WebCryptoAPI’s Ed25519 and X25519 algorithms are now stable and on-thread hooks are now back. - https://nodejs.org/en/blog/release/v23.5.0
#nodejs
A Node release that slipped in just before 2024 ended. WebCryptoAPI’s Ed25519 and X25519 algorithms are now stable and on-thread hooks are now back. - https://nodejs.org/en/blog/release/v23.5.0
#nodejs
nodejs.org
Node.js — Node v23.5.0 (Current)
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
👍6
5 cool things you can do with Nuxt
Nuxt is loaded with a lot of standout features. From SSR to DX improvements. This article contains some of Nuxt’s awesome features and how they can transform you into a cool web developer. - https://masteringnuxt.com/blog/5-cool-things-you-can-do-with-nuxt
#vue
Nuxt is loaded with a lot of standout features. From SSR to DX improvements. This article contains some of Nuxt’s awesome features and how they can transform you into a cool web developer. - https://masteringnuxt.com/blog/5-cool-things-you-can-do-with-nuxt
#vue
Masteringnuxt
5 cool things you can do with Nuxt
Nuxt is loaded with a lot of standout features. From SSR to DX improvements. This article contains some of Nuxt’s awesome features and how they can transform you into a cool web developer.
👍4
System Design Interview Question: Design Spotify
High-level overview of a System Design Interview… - https://levelup.gitconnected.com/system-design-interview-question-design-spotify-4a8a79697dda
#system #design
High-level overview of a System Design Interview… - https://levelup.gitconnected.com/system-design-interview-question-design-spotify-4a8a79697dda
#system #design
Medium
System Design Interview Question: Design Spotify
High-level overview of a System Design Interview Question - Design Spotify.
👍2
Angular Signal-based components tutorial - https://blog.angulartraining.com/angular-signal-based-components-tutorial-4e4b4b1dfa96
#angular
#angular
Medium
Angular Signal-based components tutorial
With the release of Angular 17.3, signal-based components have become a reality. A signal-based component is one in which all data inputs…
👍6
Advanced React Component Design with TypeScript
Let’s explore what sparks might fly when TypeScript… - https://medium.com/%E6%BC%B8%E5%BC%B7%E5%AF%A6%E9%A9%97%E5%AE%A4-crescendo-lab-engineering-blog/advanced-react-component-design-with-typescript-b679b85ad719
#react
Let’s explore what sparks might fly when TypeScript… - https://medium.com/%E6%BC%B8%E5%BC%B7%E5%AF%A6%E9%A9%97%E5%AE%A4-crescendo-lab-engineering-blog/advanced-react-component-design-with-typescript-b679b85ad719
#react
Medium
Advanced React Component Design with TypeScript
Let’s explore what sparks might fly when TypeScript and React come together.
👍3❤1
Securing Node.js Express APIs with Clerk and React
A guide that teaches you how to authenticate API requests using ClerkExpressWithAuth() and ClerkExpressRequireAuth() middleware. - https://clerk.com/blog/securing-node-express-apis-clerk-react
#nodejs
A guide that teaches you how to authenticate API requests using ClerkExpressWithAuth() and ClerkExpressRequireAuth() middleware. - https://clerk.com/blog/securing-node-express-apis-clerk-react
#nodejs
Clerk
Securing Node.js Express APIs with Clerk and React
In this guide, we will cover how to use Clerk with Express to authenticate API requests using ClerkExpressWithAuth() and ClerkExpressRequireAuth() middleware.
👍3
Using Frontegg Authentication with Vue.js
Building a Vue.js Saas app? A user management system forms an integral part of identity and access management and serves as a basic form of security. Frontegg provides all the user management capabilities your B2B SaaS needs, allowing a fully self-served experience within your product, right out of the box. This article covers how to use Frontegg’s authentication with Vue.js. - https://vuejsdevelopers.com/2022/10/20/using-frontegg-authentication-with-vuejs/
#vue
Building a Vue.js Saas app? A user management system forms an integral part of identity and access management and serves as a basic form of security. Frontegg provides all the user management capabilities your B2B SaaS needs, allowing a fully self-served experience within your product, right out of the box. This article covers how to use Frontegg’s authentication with Vue.js. - https://vuejsdevelopers.com/2022/10/20/using-frontegg-authentication-with-vuejs/
#vue
Using Frontegg Authentication with Vue.js
Vue 3’s Composition API provides two main ways of declaring reactive data. What’s the difference between these and which should you use?
👍3
Top 10 Angular Architecture Mistakes You Really Want To Avoid
Angular keeps changing for better but the big picture… - https://tomastrajan.medium.com/top-10-angular-architecture-mistakes-you-really-want-to-avoid-bbb98d71ca1c
#angular
Angular keeps changing for better but the big picture… - https://tomastrajan.medium.com/top-10-angular-architecture-mistakes-you-really-want-to-avoid-bbb98d71ca1c
#angular
Medium
Top 10 Angular Architecture Mistakes You Really Want To Avoid
Angular keeps changing for better but the big picture remains the same which makes architecture know-how timeless & worth your time!
👍3
New capabilities for attr()
Una Kravets outlines how new attr() capabilites allow you to reference colors, numbers, percentages, named values as custom identifiers, and more. - https://una.im/advanced-attr
#css
Una Kravets outlines how new attr() capabilites allow you to reference colors, numbers, percentages, named values as custom identifiers, and more. - https://una.im/advanced-attr
#css
una.im
una.im | New capabilities for attr()
Advanced attr() is landing in Chrome 133, and I'm really excited for this feature! Here's a bit about it and how you can use it.
❤3👍2
An Early Look at React's Experimental Animations API
<ViewTransition /> is based on the powerful browser-based View Transition API (unsupported in Firefox for now). It’s only in pre-release versions of React so far, but Matt comes armed with examples and demos for you to get an early feel for the potential. - https://motion.dev/blog/reacts-experimental-view-transition-api
#react
<ViewTransition /> is based on the powerful browser-based View Transition API (unsupported in Firefox for now). It’s only in pre-release versions of React so far, but Matt comes armed with examples and demos for you to get an early feel for the potential. - https://motion.dev/blog/reacts-experimental-view-transition-api
#react
motion.dev
Motion (prev Framer Motion) — Animation made simple for React, JS and Vue
A fast and light animation library for React, JS and Vue. Powerful AI and VS Code developer tools. Motion uses browser APIs for a tiny filesize and superfast performance.
❤3👍2
21 Nuxt Tips You Need to Know
In this article, the author shares 21 Nuxt tips for elevating your Nuxt experience. - https://michaelnthiessen.com/21-nuxt-tips-you-need-to-know
#vue
In this article, the author shares 21 Nuxt tips for elevating your Nuxt experience. - https://michaelnthiessen.com/21-nuxt-tips-you-need-to-know
#vue
Michaelnthiessen
21 Nuxt Tips You Need to Know
I spent weeks scouring the Nuxt docs to uncover hidden gems — features you didn’t know it had, and ones that are simply easy to forget about.
👍3👏1
Comparing Angular State Management Libraries: NgRx vs. Akita vs. NgXS
State management is a crucial aspect of building… - https://medium.com/@ShantKhayalian/comparing-angular-state-management-libraries-ngrx-vs-akita-vs-ngxs-1db454374265
#angular
State management is a crucial aspect of building… - https://medium.com/@ShantKhayalian/comparing-angular-state-management-libraries-ngrx-vs-akita-vs-ngxs-1db454374265
#angular
Medium
Comparing Angular State Management Libraries: NgRx vs. Akita vs. NgXS
State management is a crucial aspect of building complex Angular applications. With several state management libraries available, each with…
👍2
Build Your Own Site Speed Testing Tool with Puppeteer - https://calendar.perfplanet.com/2024/build-your-own-site-speed-testing-tool-with-puppeteer/
#nodejs
#nodejs
Web Performance Calendar
Build Your Own Site Speed Testing Tool with Puppeteer
Site performance plays a crucial role in delivering a seamless user experience. Slow load times, unexpected layout shifts, and unresponsive interactions can negatively impact both SEO and user satisfaction. However, identifying these issues under real-world…
👍2
Accessibility Essentials Every React Developer Should Know
If you’re an experienced frontend developer, these might be second nature to you by now, but this is a good roundup of the entry level ‘table stakes’ for frontend accessibility. - https://martijnhols.nl/blog/accessibility-essentials-every-front-end-developer-should-know
#react
If you’re an experienced frontend developer, these might be second nature to you by now, but this is a good roundup of the entry level ‘table stakes’ for frontend accessibility. - https://martijnhols.nl/blog/accessibility-essentials-every-front-end-developer-should-know
#react
Martijn Hols
Accessibility essentials every front-end developer should know by Martijn Hols
Essential accessibility practices for front-end developers, including semantic HTML, alt texts, ARIA, and keyboard navigation tips to build inclusive components.
👍5
Transitioning Top-Layer Entries And The Display Property In CSS
Brecht De Ruyte showcases two recent additions for working with CSS animations: @starting-style and transition-behavior. - https://www.smashingmagazine.com/2025/01/transitioning-top-layer-entries-display-property-css
#css
Brecht De Ruyte showcases two recent additions for working with CSS animations: @starting-style and transition-behavior. - https://www.smashingmagazine.com/2025/01/transitioning-top-layer-entries-display-property-css
#css
Smashing Magazine
Transitioning Top-Layer Entries And The Display Property In CSS — Smashing Magazine
It’s not always the big features that make our everyday lives easier; sometimes, it’s those ease-of-life features that truly enhance our projects. In this article, Brecht De Ruyte highlights two such features: `@starting-style` and `transition-behavior` —…
👍2
Vue send push notification with Firebase
In this video learn how send push notifications to your browser with Firebase cloud messaging in a Vue.js Application. - https://www.youtube.com/watch?v=nTJP2q2NIwM
#vue
In this video learn how send push notifications to your browser with Firebase cloud messaging in a Vue.js Application. - https://www.youtube.com/watch?v=nTJP2q2NIwM
#vue
YouTube
Vue send push notification with Firebase
see how to send push notification to browser with Firebase cloud messaging or FCM in Vue js
Vue app source : https://github.com/benixal/vue-firebase-push-notification
admin.js : https://gist.github.com/benixal/259b420596127cb1e553bc56bc52808b
00:00:09 create…
Vue app source : https://github.com/benixal/vue-firebase-push-notification
admin.js : https://gist.github.com/benixal/259b420596127cb1e553bc56bc52808b
00:00:09 create…
👍3
You should migrate to Angular signals NOW
Starting from Angular 16, Angular Team introduced… - https://medium.com/@hmidihamdi7/you-should-migrate-to-angular-signals-now-c6a74a924017
#angular
Starting from Angular 16, Angular Team introduced… - https://medium.com/@hmidihamdi7/you-should-migrate-to-angular-signals-now-c6a74a924017
#angular
Medium
You should migrate to Angular signals NOW
Starting from Angular 16, Angular Team introduced Signals APIs in order to start their project of re-designing their reactivity system. So let’s deep dive into Signals API and understand why we…
👍2