Better Frontend Application Folder Structure — shared & isolated code…
A well-organized folder structure in applications is… - https://levelup.gitconnected.com/better-frontend-application-folder-structure-shared-isolated-code-components-views-routers-b155aef97b18
#frontend
A well-organized folder structure in applications is… - https://levelup.gitconnected.com/better-frontend-application-folder-structure-shared-isolated-code-components-views-routers-b155aef97b18
#frontend
Medium
Better Frontend Application Folder Structure — shared & isolated code, components, views, routers, styles and other cool things
A well-organized folder structure in applications is always a challenge and we want it to be PERFECT when starting every new big project…
Tackling the '1 Billion Row Challenge' with Node
The 1 Billion Row Challenge (1BRC) arose about a year ago to see how quickly different languages and techniques can be used to aggregate data from a 1 billion line text file. Here’s what one developer learnt trying to optimize the task with Node. - https://jackyef.com/posts/1brc-nodejs-learnings
#nodejs
The 1 Billion Row Challenge (1BRC) arose about a year ago to see how quickly different languages and techniques can be used to aggregate data from a 1 billion line text file. Here’s what one developer learnt trying to optimize the task with Node. - https://jackyef.com/posts/1brc-nodejs-learnings
#nodejs
Jackyef
1-billion row challenge with Node.js
5 minutes to 11 seconds with Node.js is possible?
A Dive into React 19: New Features, Improvements, and Best Practices - https://blog.alexcloudstar.com/a-deep-dive-into-react-19-new-features-improvements-and-best-practices
#react
#react
Alex Cloudstar's Stories
A Deep Dive into React 19: New Features, Improvements, and Best Practi
Explore React 19's powerful features like the Actions API, new hooks, Server Components, enhanced hydration, and more for optimized web development
How Micro-Frontends are reshaping Modern Web Architecture
Are you frustrated with slow deployment cycles… - https://lucamezzalira.medium.com/how-micro-frontends-are-reshaping-modern-web-architecture-0259ce7dfb7f
#microfrontends
Are you frustrated with slow deployment cycles… - https://lucamezzalira.medium.com/how-micro-frontends-are-reshaping-modern-web-architecture-0259ce7dfb7f
#microfrontends
Medium
How Micro-Frontends are reshaping Modern Web Architecture
Are you frustrated with slow deployment cycles, tightly coupled dependencies, and the cumbersome nature of managing monolithic front-end…
How to Choose the Best Rendering Strategy for Your App
The differences between Static Site Generation (SSG), Server-Side Rendering (SSR), Client-Side Rendering (CSR), Incremental Static Regeneration (ISR), and Partial Prerendering (PPR). - https://vercel.com/blog/how-to-choose-the-best-rendering-strategy-for-your-app
#rendering #strategy
The differences between Static Site Generation (SSG), Server-Side Rendering (SSR), Client-Side Rendering (CSR), Incremental Static Regeneration (ISR), and Partial Prerendering (PPR). - https://vercel.com/blog/how-to-choose-the-best-rendering-strategy-for-your-app
#rendering #strategy
Vercel
How to choose the best rendering strategy for your app - Vercel
Demystify Next.js rendering strategies: SSG, SSR, CSR, ISR, and PPR. Optimize your web apps for performance, SEO, and user experience. Learn when and how to use each approach with real-world examples and practical tips for modern web development.
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
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…
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
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 JavaScript runtime built on Chrome's V8 JavaScript engine.
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.
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.
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…
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.
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.
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?
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!
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.
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.
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.
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…