Yarn 4.0 Released

Yarn began life as an npm alternative that resolved several major pain points with npm at the time, particularly around performance. It remains a popular option and v4 introduces a new ‘hardened mode’ to protect you from certain security issues and boasts an improved constraints engine and performance almost on par with pnpm. - https://yarnpkg.com/blog/release/4.0

#yarn #nodejs

How and When to use Micro-Frontends in 2023

Real life definition and usage of micro front end in production with webpack in 2023 - https://medium.com/engineered-publicis-sapient/how-and-when-to-use-micro-frontends-in-2023-part-1-when-dbe3e0aad74c

#microfrontend

Next.js 13 vs Remix: A Case Study

No mere lightweight list of feature bullet points, but an extended dive into the similarities and differences between two worthwhile approaches. - https://prateeksurana.me/blog/nextjs-13-vs-remix-an-in-depth-case-study/

#react

Better dynamic themes in Tailwind with OKLCH color magic

Dan Kozlov and Travis Turner delve into the dynamic theming with Tailwind CSS, explaining how to make Tailwind play nice with CSS variables, OKLCH colors, and dynamic themes. - https://evilmartians.com/chronicles/better-dynamic-themes-in-tailwind-with-oklch-color-magic

#css

A guide to Nuxt server components

Server components allow server-rendering individual components within your client-side apps.
@danielcroe plans to "keep this one up-to-date, as this is an area under active development" - https://roe.dev/blog/nuxt-server-components

#vue

Web APIs for Angular

Web is a rich ecosystem with a bunch of powerful APIs that keeps growing. Let’s explore how you can use them… - https://medium.com/angularwave/web-apis-for-angular-e9ae3206ed1d

#angular

Adding Search to an Eleventy Site Without Client-Side JS

11ty is a fantastic Node-based static site generator. - https://www.philiprenich.com/blog/adding-search-to-an-eleventy-site-without-client-side-javascript/

#nodejs

Top 5 State Management for Svelte

Svelte is a modern framework for building user interfaces with minimal boilerplate and high performance. One… - https://itnext.io/top-5-state-management-for-svelte-5583e5975874

#svelte

Making a nice neon button

Zell Liew demonstrates how to create a stunningly-looking button. - https://zellwk.com/blog/neon-button

#css

Test Your React Libraries Locally with Yalc

Yalc simplifies the process of working with and ‘publishing’ packages entirely locally so you can try things out without publishing to a remote, and potentially public, registry. - https://www.propelauth.com/post/test-your-react-libraries-with-yalc

#react

Unit Testing a Pinia Component

Pinia is the undisputed state management champion in the Vue 3 world. It provides a more powerful and scalable architecture with an elegant code style following the composition API syntax. This article provides a guide to unit testing your pinia stores. - https://fadamakis.com/unit-testing-a-pinia-component-37d045582aed

#vue

Node v21.1 (Current) Released with ESM Detection Feature

The new flag --experimental-detect-module can be used to automatically run ES modules when their syntax can be detected. … We hope to make detection enabled by default in a future version. - https://nodejs.org/en/blog/release/v21.1.0

#nodejs

Angular Signals: Questions and Answers

The Angular team is working on a new feature called signals. Signals are the answer to several different… - https://blog.angulartraining.com/angular-signals-questions-and-answers-19704ad2bfd2

#angular

Exploring React Server Components and Actions with Next.js - https://www.antstack.com/blog/exploring-react-server-components-and-server-actions-with-next-js/

#react

How to Reuse Vue Components Between Projects

A great advantage of this Vue.js’ modularity is the ability to reuse components across different projects, applications, and even teams. In this post, we’ll learn how to leverage modern tools like bit to easily share Vue components between projects, without having to split repos, refactor or configure anything. - https://codeburst.io/how-to-share-reusable-vue-components-between-a-c36bc775418d

#vue

View transitions and stacking context: Why does my CSS View Transition ignore z-index?

Nic Chan outlines a problem with view transitions and shares a workaround. - https://www.nicchan.me/blog/view-transitions-and-stacking-context

#css

How We Used Server-Sent Events (SSE) to Deliver Real-Time Notifications on Our…

We will show how we used Server-Sent Events (SSE) and Redis for our notification system using Typescript and… - https://medium.com/trendyol-tech/how-we-used-server-sent-events-sse-to-deliver-real-time-notifications-on-our-backend-ebae41d3b5cb

#sse #notification

10 Front-end Interview Questions You Should Know About

99% of people may not necessarily know the answer. - https://fatfish.medium.com/10-front-end-interview-questions-you-should-know-about-13410af7e7d6

#interview

Saying Goodbye to Node's Buffer

It’s time to shift from Buffer to Uint8Array, says Sindre. Given his epic number of maintained libraries, he could probably migrate half of the ecosystem solo, but he sets out his case for other library maintainers to avoid the use of Buffer in favor of the more cross-runtime alternative of Uint8Array and explains how to make the move, including a package to help. - https://sindresorhus.com/blog/goodbye-nodejs-buffer

#nodejs

Angular: Best Practices for 2023

Listing down few practices to catch up to early, on the way to being an Angular Developer. - https://blog.bitsrc.io/angular-best-practices-to-adapt-in-2023-bf67122b37ab

#angular