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

Hexagonal Architecture with Nest.js and TypeScript

Understanding Hexagonal Architecture - https://kisztof.medium.com/hexagonal-architecture-with-nest-js-and-typescript-f181cc7b6452

#nodejs

How to Refactor Your Angular App from RxJS to Angular Signals

It has been some time since Angular introduced signals, and the community began to discuss whether it is a… - https://javascript.plainenglish.io/how-to-refactoryour-angular-app-from-rxjs-to-angular-signals-f33876579a38

#angular

An Interactive Guide to CSS Container Queries

Ahmad Shadeed shares an interactive guide to container queries, explaining the problems they solve, how they work, and how you can use them today in your workflows. - https://ishadeed.com/article/css-container-query-guide

#css

8 Advanced JavaScript Interview Questions for Senior Roles

JavaScript is a powerful language that is one of the primary building blocks of the web. This powerful… - https://levelup.gitconnected.com/8-advanced-javascript-interview-questions-for-senior-roles-c59e1b0f83e1

#javascript #interview

Advanced Transaction Management with NestJS & TypeORM

If you want to follow along easier in the advanced transaction management part, clone the… - https://medium.com/@dev.muhammet.ozen/advanced-transaction-management-with-nestjs-typeorm-43a839363491

#nodejs

Flaky Tests in React: Detection, Prevention and Tools - https://semaphoreci.com/blog/flaky-react

#react

Optimizing Angular Form Validation with Lazy Load

Lazy loading is a technique used to improve the performance of web applications by only loading the necessary… - https://netbasal.com/optimizing-angular-form-validation-with-lazy-load-61265536a6f2

#angular