10 of the Best Nuxt 3 Tutorials

Nuxt 3 has a ton of really amazing features that make it a spectacular framework. But all those features means it can be hard to learn, and hard to even know where to start. This article is compilation of 10 amazing tutorials to help you get started with Nuxt 3 or help you on your Nuxt 3 journey. - https://masteringnuxt.com/blog/10-of-the-best-nuxt3-tutorials

#vue

Introduction to Event-Driven Architecture in Node.js Typescript

Event-driven architecture is a popular software design pattern that enables a system to react to various… - https://medium.com/scb-abacus/introduction-to-event-driven-architecture-in-node-js-typescript-354302bc055c

#nodejs

Domain-Driven Design and Micro Frontends: Organizing Autonomous Teams for…

Bring order to chaos with DDD and a Micro frontend architecture - https://itnext.io/domain-driven-design-and-micro-frontends-organizing-autonomous-teams-for-collaborative-success-1aa6b5f327db

#frontend #ddd

Building AR Face Masks in React Native

This tutorial teaches how to build a custom augmented reality (AR) face mask using DeepAR and then subsequently using the result in a React Native application. - https://blog.logrocket.com/building-ar-face-masks-react-native/

#reactnative

CSS in 2024, Am I Right?

Jhey Tompkins shows how you can create a stunning UI slider pretty much with just CSS. - https://www.youtube.com/watch?v=FWn8HBFQ4n4

#css

You Don't Need Storybook to Make a Component Playground — By combining React Live and some string concatenation, you can create a solution that you have full control over. - https://www.bekk.christmas/post/2023/12/you-don-t-need-storybook-to-make-a-playground

#react

Custom Angular Pipes and Dynamic Locale

Support more than one date format with custom pipes. - https://medium.com/dailyjs/dynamic-locales-in-angular-dd9a527ebe1f

#angular

7 Quick Tips about Vue Styles You (Might) Didn’t Know

This article explores 7 tips to understanding how to work with the style tag in a Vue.js Single File Component. - https://fadamakis.com/7-quick-tips-about-vue-styles-you-might-didnt-know-5ec2fcecb384

#vue

Microservices with CQRS and Event Sourcing in TypeScript with NestJS

Microservices with CQRS and Event Sourcing is an architecture that has gained a lot of popularity in recent… - https://blog.bitsrc.io/microservices-with-cqrs-and-event-sourcing-in-typescript-with-nestjs-831fba1e068b

#nodejs

Under the Radar CSS Features for Your CSS Reset

Kevin Powell explores some subtle improvements you can add to your CSS Reset. - https://www.youtube.com/watch?v=cCAtD_BAHNw

#css

How to Set Up Self-Healing URLs in Next.js for Better SEO - https://mikebifulco.com/posts/self-healing-urls-nextjs-seo

#react

React Fights You Can Have with Your Team

See if you and your fellow developers are on the same page when it comes to a few React related opinions – that's the Christmas spirit! - https://www.bekk.christmas/post/2023/13/react-fights-you-can-have-with-your-team

#react

How to Reuse Micro Frontends

Micro frontends are difficult to reuse. But here’s how you can leverage the right toolset to reuse micro… - https://javascript.plainenglish.io/how-to-reuse-micro-frontends-72dcea9da15e

#microfrontends

The State of Benchmarking in Node.js

While Node has always been fast (thanks largely to its V8 underpinnings), there’s a renewed focus on performance in the face of benchmarks and claims from alternatives like Deno and Bun. Lars looks at the ecosystem of benchmarking options in the space. - https://www.webpro.nl/articles/the-state-of-benchmarking-in-nodejs

#nodejs

Clean Layout Architecture for Vue Applications

Layouts are an essential pattern to reduce code repetition and create maintainable and professional-looking applications. Nuxt provides this out of the box. In this article, a recommended way to implementing layouts in your Vue.js application is introduced outlining its benefits. - https://fadamakis.com/clean-layout-architecture-for-vue-applications-a738201a2a1e

#vue

React Libraries for 2023

The React ecosystem is so large that there's often a problem of being spoiled for choice, so opinionated guides to different solutions tend to do well, like this annual list from Robin Wieruch. Fingers crossed we get a 2024 edition soon? - https://www.robinwieruch.de/react-libraries/

#react

Using CSS Houdini To Extend Styling and Layout Capabilities

Emmanuel Odioko explores CSS Houdini’s definition, functionality, and use cases. - https://blog.logrocket.com/css-houdini-extend-styling-layout-capabilities

#css

Thirteen Figma-to-React Converters Ranked - https://www.youtube.com/watch?v=XTdjxxyYMCE

#react

MikroORM 6: The Polished, Flexible ORM

After over a year in development, MikroORM 6 is stable. It’s a TypeScript-based ORM, based around Data Mapper, Unit of Work and Identity Map patterns, with support for MongoDB, MySQL, Postgres, and SQLite. v6 adds strict partial loading, cursor-based pagination, reworked support for raw SQL fragments, an all-new Getting Started guide, plus many other DX-focused improvements. - https://mikro-orm.io/blog/mikro-orm-6-released

#nodejs

6 Ways to Speed Up Your Vue.js Application

In this article discover the steps you can follow to make sure your Vue application is working as fast as possible. With these steps, you’ll know exactly what to fix and won’t have to guess anything. - https://betterprogramming.pub/6-ways-to-speed-up-your-vue-js-application-2673a6f1cde4

#vue