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
Revealed: React's experimental animations API - Motion Blog
React is experimenting with a new animation API based on the View Transition API. How does it work? What can it do? We reveal all in this blog post.
❤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
Advanced Angular Techniques
In the rapidly evolving landscape of web development… - https://ashishsharma229.medium.com/advanced-angular-techniques-f003bc232a9c
#angular
In the rapidly evolving landscape of web development… - https://ashishsharma229.medium.com/advanced-angular-techniques-f003bc232a9c
#angular
Medium
Advanced Angular Techniques
In the rapidly evolving landscape of web development, Angular continues to stand out as a robust framework for building dynamic and complex…
👍4
LangChain: Using OpenAI in JavaScript with React and Next.js - https://www.robinwieruch.de/langchain-javascript-openai/
#react
#react
www.robinwieruch.de
LangChain: OpenAI in JavaScript with React.js & Next.js
How to: OpenAI in JavaScript with LangChain. A step by step example on how to use the OpenAI API in JavaScript with LangChain ...
👍3
From Scratch to Server: Creating and Hosting a Node App with SVR.JS
SVR.JS is a full featured configurable HTTP(/2) server with built-in security and compression features. - https://svrjs.org/blog/from-scratch-to-server-creating-and-hosting-a-node-js-app-with-svr-js
#nodejs
SVR.JS is a full featured configurable HTTP(/2) server with built-in security and compression features. - https://svrjs.org/blog/from-scratch-to-server-creating-and-hosting-a-node-js-app-with-svr-js
#nodejs
👍6
Exploring Cookie Management in Vue.js
In this tutorial, We’ll explore cookie management in the Vue application. We will write cookies, read cookies, and delete cookies in the Vuejs application. - https://parvez1487.medium.com/exploring-cookie-management-in-vue-js-d0a84fc29d0e
#vue
In this tutorial, We’ll explore cookie management in the Vue application. We will write cookies, read cookies, and delete cookies in the Vuejs application. - https://parvez1487.medium.com/exploring-cookie-management-in-vue-js-d0a84fc29d0e
#vue
Medium
Exploring Cookie Management in Vue.js
in this tutorial, We’ll explore cookie management in the Vue application. We will write cookies, read cookies, and delete cookies in the…
👍2❤1
Here’s Why Your Anchor Positioning Isn’t Working
James Stuckey Weber shares a simple checklist to help debug anchor elements. - https://www.oddbird.net/2025/01/29/anchor-position-validity
#css
James Stuckey Weber shares a simple checklist to help debug anchor elements. - https://www.oddbird.net/2025/01/29/anchor-position-validity
#css
OddBird
Here's Why Your Anchor Positioning Isn't Working
How to find an anchor element
👍2
Micro Frontend Architecture
As web applications grow in complexity, teams seek… - https://levelup.gitconnected.com/micro-frontend-architecture-b14b3a2c39a0
#microfrontends
As web applications grow in complexity, teams seek… - https://levelup.gitconnected.com/micro-frontend-architecture-b14b3a2c39a0
#microfrontends
Medium
Micro Frontend Architecture
As web applications grow in complexity, teams seek scalable, modular approaches to frontend development. One such approach, Micro Frontend…
👍5❤1