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
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
Best Practices for Mastering Forms in Next.js 15 and React 19 - https://engineering.udacity.com/mastering-forms-in-next-js-15-and-react-19-e3d2d783946b
#react
#react
Medium
Mastering forms in Next.js 15 and React 19
Creating forms in modern React has evolved significantly with the latest releases. In this post we’ll explore best practices for building…
👍6
A New Chapter for Express.js
2024 saw the still-extremely-popular Express project awaken from a slumber, of sorts, with work being made to update things to modern standards, a security audit, and the release of Express v5. Here, the team explains what’s been going on behind the scenes to get Express back on the tracks, as well as a “bold vision for 2025.” - https://expressjs.com/2025/01/09/rewind-2024-triumphs-and-2025-vision.html
#nodejs
2024 saw the still-extremely-popular Express project awaken from a slumber, of sorts, with work being made to update things to modern standards, a security audit, and the release of Express v5. Here, the team explains what’s been going on behind the scenes to get Express back on the tracks, as well as a “bold vision for 2025.” - https://expressjs.com/2025/01/09/rewind-2024-triumphs-and-2025-vision.html
#nodejs
Expressjs
A New Chapter for Express.js: Triumphs of 2024 and an ambitious 2025
Explore the transformative journey of Express.js in 2024, marked by governance improvements, the long-awaited release of Express 5.0, and heightened security measures. Look into the ambitious plans for 2025, including performance optimizations, scoped packages…
👍5
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!
👍2
Full-Bleed Layout with Modern CSS
Temani Afif digs deep into the idea of full-bleed layouts. - https://frontendmasters.com/blog/full-bleed-layout-with-modern-css
#css
Temani Afif digs deep into the idea of full-bleed layouts. - https://frontendmasters.com/blog/full-bleed-layout-with-modern-css
#css
Frontend Masters
Full-Bleed Layout with Modern CSS
I recently shared a trick on how to create a Full-bleed layout using a few lines of modern CSS code. If you are unfamiliar with such layout see the demo below. In this article we’ll dig deeper into the idea and explain things as we go.
👍5
From Atoms to Pages: Applying Atomic Design in Vue and Nuxt Projects
An in-depth blog post on how to use atomic design to structure your Vue & Nuxt projects better. - https://alexop.dev/posts/atomic-design-vue-or-nuxt/
#vue
An in-depth blog post on how to use atomic design to structure your Vue & Nuxt projects better. - https://alexop.dev/posts/atomic-design-vue-or-nuxt/
#vue
alexop.dev
Atomic Architecture: Revolutionizing Vue and Nuxt Project Structure | alexop.dev
Learn how to implement Atomic Design principles in Vue or Nuxt projects. Improve your code structure and maintainability with this guide
👍8
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❤1👎1