Understanding and Measuring Nuxt Performance – Vue.js 3 Performance

This article is the fist part of a series on Performance in Vue 3 and will focus on performance in an application and what makes an application termed as fast. - https://vueschool.io/articles/vuejs-tutorials/understanding-and-measuring-nuxt-performance-vue-js-3-performance/

#vue

Learn These Viewport-Relative CSS Units (100vh, 100dvh, 100lvh, 100svh)

George Martsoukos covers the challenges of working with the classic 100vh unit to make full-screen sections and discusses some alternative CSS units. - https://webdesign.tutsplus.com/learn-these-viewport-relative-css-units-100vh-100dvh-100lvh-100svh--cms-108537t

#css

Incremental Static Regeneration for Angular

In Angular v16 we got a new hydration system. It was also hinted that experiments for partial hydration and… - https://blog.angular.io/incremental-static-regeneration-for-angular-c12745ff4b48

#angular

React Server Components Now in RedwoodJS

If you thought RSCs were a Next.js phenomenon, think again. Implementations are popping up all over, such as in Waku and now RedwoodJS, a full-stack framework founded by GitHub co-founder Tom Preston-Werner that leans on React, Prisma and other technologies to provide a great DX ‘out of the box.’ This post digs deep into how RSCs are used and how they can supplant Redwood’s use of GraphQL. - https://redwoodjs.com/blog/rsc-now-in-redwoodjs

#react

Comparing JavaScript Frameworks: Templates

A thorough comparison of the template languages used by React, Vue, Angular and Svelte. Interesting analysis and this looks set to turn into a great series. - https://www.maartenhus.nl/blog/comparing-javascript-frameworks-part-1-templates/

#javascript

Vue 3 Velocity: The Cache Busting Blueprint

Browser caching is a powerful optimization technique employed to enhance the performance of web applications. The term “cache-busting” refers to the intentional invalidation or versioning of static assets, compelling the browser to fetch fresh resources when changes occur. In this article, the author introduces cache-busting and provides detailed knowledge on you can implement cache-busting in a Vue 3 project. - https://medium.com/@khalidoghli7/vue-3-velocity-the-cache-busting-blueprint-704cfa80ae3c

#vue

Parsing Hacker News's 'Who's Hiring' Threads with OpenAI and Node - https://www.jbernier.com/p?id=hn-who-is-hiring-chatgpt

#nodejs

Deploying a React SPA and Python Backend Together on Azure

Last week, we saw how to roll out a full stack React app on Azure using Azure Functions, but what if you want something more traditional/monolithic like a Python-powered backend? Azure App Service can help with that. - https://techcommunity.microsoft.com/t5/apps-on-azure-blog/deploying-react-spa-and-python-backend-together-on-the-same/ba-p/4095567

#react

Creating Wavy Circles with Fancy Animations in CSS

Temani Afif shows how to create flower-like animated shapes using modern CSS.  - https://frontendmasters.com/blog/creating-wavy-circles-with-fancy-animations

#css

RxJS and Angular: Best Practices

RxJS is a powerful library for handling asynchronous data in JavaScript. It can be used to create… - https://medium.com/@taira.seal/rxjs-and-angular-best-practices-47cbd9b63a56

#angular

More secure Vue & Nuxt apps -> by default️

Making your web application more secure is not an easy process. In this article, the author introduces the Nuxt Security module, what it does, and how you can customize its functionality and behavior to match your security needs better. - https://dev.to/jacobandrewsky/more-secure-vue-nuxt-apps-by-default-3nhi

#vue

Comparing ECMAScript Modules (ESM) with CommonJS - https://wanago.io/2024/03/18/ecmascript-modules-esm-commonjs/

#nodejs

Enhancing Frontend architecture using Federated Modules - https://medium.com/airteldigital/enhancing-frontend-architecture-using-federated-modules-3d1961afb66e

#microfrontends

CSS Button Styles You Might Not Know

David Bushell shares a few lesser-known CSS styles that can enhance your buttons. - https://dbushell.com/2024/03/10/css-button-styles-you-might-not-know

#css

How to Build a ChatGPT-a-Like with Clerk and AWS Bedrock

A thorough walkthrough whose focus is on the UI rather than the LLM/AI stuff behind the scenes which is taken care of by Amazon’s Bedrock service. Clerk handles the auth, while Next.js forms the base of the app. - https://conermurphy.com/blog/how-to-build-your-own-chatgpt-clone-using-clerk-aws-bedrock

#react

Server Actions in Fastify - https://hire.jonasgalvez.com.br/2024/mar/04/server-actions-in-fastify/

#nodejs

Advanced Guide to Module Federation

There are plenty of articles about setting up Webpack’s Module Federation. But almost all the articles focus… - https://medium.com/@randombitsdev/advanced-guide-to-module-federation-8f25431cbf3c

#microfrontends

Building a Quiz App Powered by Nuxt Content 1

This is first article in a two-part tutorial on using Nuxt Content to build a quiz application. - https://masteringnuxt.com/blog/building-a-quiz-app-powered-by-nuxt-content

#vue

Desert Racer: World's First CSS-Only Swipe-Aware Game!

Philip Warkentien II created a CSS-only, no JS, no checkbox, swipe-aware (scroll-aware) game. In this article, you’ll learn exactly how it was built. - https://dev.to/warkentien2/desert-racer-worlds-first-css-only-swipe-aware-game-4j0h

#css

Using ReactToPrint to Generate a Printable Document

Use ReactToPrint to add a print feature to your React app while preserving your document’s neat, consistent appearance. - https://blog.logrocket.com/using-react-to-print-generate-printable-document/

#react