Ten Common Mistakes with the Next.js App Router

A twenty-minute presentation informed by discussions with “hundreds of developers and looking at thousands of Next.js repositories.” - https://www.youtube.com/watch?v=RBM03RihZVs

#react

AdonisJS v6: The Complete Web Framework

If you want a TypeScript-first backend Web framework with amazing docs and packed with features out the box, Adonis is worth a look. v6 takes a huge step forward by using ESM by default, offering significantly more type safety overall , a new validation library, and more. - https://adonisjs.com/blog/adonisjs-v6-announcement

#nodejs

Software Architecture Patterns for Angular Projects

Different Software Architecture patterns are widely researched and applied in back-end development… - https://azeynalli1990.medium.com/software-architecture-patterns-for-angular-projects-989b0e2c7a02

#angular

5 Best Practices for Backends-for-Frontends

Best practices to follow when implementing the BFF pattern: do’s and don’ts. - https://javascript.plainenglish.io/5-best-practices-for-backends-for-frontends-95041583f18a

#bff

Accounting for Internationalization with CSS and HTML

Jenn Diaz explains how to achieve internalization using logical properties, CSS Writing Mode, the dir attribute, and the lang attribute. - https://sparkbox.com/foundry/internationalization_css_html

#css

Starting and Publishing a Library: The Modern Way

A walk through the steps involved in creating and packaging a library, publishing a package, adding testing, and automatically publishing it all to the NPM registry, along with provenance. - https://advancedweb.hu/modern-javascript-library-starter/

#nodejs

Vue.js Patterns: Using Vue.js 3 Composition API for Reactive Parent to Child Communication

In this article, you will explore using the Vue 3 Composition API to create a reactive parent-to-child communication. - https://lirantal.medium.com/vue-js-patterns-using-vue-js-3-composition-api-for-reactive-parent-to-child-communication-a4edf1b6a336

#vue

Lessons Learned Upgrading to React 18

If you get the feeling everyone upgrades to using the newest React version and features ASAP, it’s not true. Most teams take a while to do big upgrades (if they even do so at all) so it’s interesting to see the SonarQube team’s story and some issues they ran into. - https://www.sonarsource.com/blog/upgrading-react-18-sonarqube/

#react

What is ng-template, and when to use it?

As an Angular developer, you might have encountered ng-template when using the *ngIf syntax with an else… - https://blog.angulartraining.com/what-is-ng-template-and-when-to-use-it-f875b46aa078

#angular

CSS Size Analyzer

An online tool to analyze CSS size to help you catch bloat from things like embedded images or fonts. - https://www.debugbear.com/css-size-analyzer

#css

Software Architecture Design Principles: SoC, SOLID

In this article, we are going to learn Software Architecture Design Principles: SoC, SOLID principles. - https://medium.com/design-microservices-architecture-with-patterns/software-architecture-design-principles-soc-solid-98611997c30e

#architecture

Revealing Memory Leaks in Frontend Applications

In this comprehensive article, you'll embark on an in-depth exploration of memory leaks. - https://medium.com/@samer.kmd/revealing-memory-leaks-in-frontend-applications-nuxt-js-vue-3614334cc00c

#vue

How to Start a React Project in 2024

There are, of course, many ways, but this well-regarded author explains the pros and cons of a few approaches, including using Vite, Astro, or Next.js. - https://www.robinwieruch.de/react-starter/

#react

From Monolithic App to Micro Frontends

How to convert a monolith to microfrontends - https://blog.bitsrc.io/from-monolithic-app-to-micro-frontends-6fed5e32f9ae

#microfrontend

Building Out a Layered Hero Grid Layout From Dribbble

Andy Bell shows how to create an interesting grid layout with a unique background image treatment. - https://piccalil.li/blog/reality-check-3-building-out-a-layered-hero-grid-layout-from-dribbble

#css

A Step-by-Step Tutorial on Deploying Node.js Apps on AWS EC2

Taking the manual, 'do it all by hand' approach. A good way to learn about all the pieces involved before automating it, perhaps. - https://www.youtube.com/watch?v=nQdyiK7-VlQ

#nodejs

Using preloading in Angular apps to reduce ChunkLoadingError

Reducing the amount of ChunkLoadingError - https://ali-dev.medium.com/using-preloading-in-angular-apps-98472dd79a06

#angular

Build a Next.js App in Storybook with React Server Components and Mock Service Worker

How to develop, document, and test RSC apps in isolation, while using MSW to mock network requests. - https://storybook.js.org/blog/build-a-nextjs-app-with-rsc-msw-storybook/

#react

Nuxt Layers Unwrapped

Layers are higher-level construct that helps us isolate re-usable parts of Nuxt, such as Nuxt pages, layouts, components, composable, etc - https://krutiepatel.com/blog/nuxt-layers-unwrapped

#vue

Speeding Up the JavaScript Ecosystem: Tailwind CSS

Marvin’s ongoing journey to improve our ecosystem by finding low-hanging performance-bearing fruit continues with a look at how the architecture of Tailwind CSS could be tuned. - https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-8/

#javascrpt

CSS Blurry Shimmer Effect

Yair Even Or explains how to create a blurring effect in place of a shadow using a combination of masks, gradients, and the backdrop-filter property. - https://www.smashingmagazine.com/2024/01/css-blurry-shimmer-effect/

#css