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

Practical DDD in TypeScript: Value Object

This is why we can consider the Value Object pattern as the biggest code quality changer from Domain-Driven… - https://javascript.plainenglish.io/practical-ddd-in-typescript-value-object-b76bcd2d9283

#typescript

15 common Angular development interview questions and solutions

Angular is a popular open-source application-design framework and development platform. Google initially… - https://grokkingtechinterview.com/15-common-angular-development-interview-questions-and-solutions-634118970259

#angular

Rethinking React Best Practices

From a late 2023 perspective, it's clear 'React' has evolved from being a library to representing a broader ecosystem of ideas and frameworks, so best practices have changed too. The shift towards a hybrid client-server approach is explored here, along with how Relay and Server Components can address scaling challenges. - https://frontendmastery.com/posts/rethinking-react-best-practices/

#react

A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view()

Adam Argyle shows how you can add scroll animations that toggle shadows on navbars, reveal images, add scrollytelling, link up carousel elements, and much more using only CSS - https://tympanus.net/codrops/2024/01/17/a-practical-introduction-to-scroll-driven-animations-with-css-scroll-and-view

#css

Managing User Permissions in a VueJS App

In authenticated frontend apps, we often want to change what’s visible to the user depending on their assigned role. This article will explore how to implement user roles and permissions in a Vue.js application. - https://medium.com/js-dojo/managing-user-permissions-in-a-vuejs-app-b82f3042e3d1

#vue

Creating a Todo API using NestJS and CQRS Pattern

This is a software architecture pattern that separates read (query) operations from update (command)… - https://engcfraposo.medium.com/creating-a-todo-api-using-nestjs-and-cqrs-pattern-8dd27dec9182

#nodejs

Stop Over-Engineering your Medium Size Front-End Application

Writing maintainable code without falling into the trap of over-engineering has become increasingly uncommon… - https://fadamakis.com/stop-over-engineering-your-medium-size-front-end-application-b3f8313c464b

#frontend

Using TypeScript with React

People were starting to comment that the official React docs didn't provide any information on using React with TypeScript, so earlier this year Mark Erikson filed an issue, and, thanks to Orta Therox, these docs appeared. - https://react.dev/learn/typescript

#react

5 CSS Snippets Every Front-End Developer Should Know in 2024

Adam Argyle explains that every front-end developer should know how :has() works, the how and why of a subgrid, how to nest with built-in CSS syntax, how to let the browser balance headline text wrapping, and how to use container query units. - https://web.dev/articles/5-css-snippets-every-front-end-developer-should-know-in-2024

#css