JSK Weekly - 27th March, 2024

The biggest benefit of micro frontends, if you don’t know about them, is that you can use them as building blocks for different projects, keeping a consistent look and user experience across all your applications.

In theory, that sounds great, but then again, building such a “technological wonder” is not trivial. If you’re building multiple projects with them and trying to get the most out of your micro frontends, then you’ll start running into a very common problem: repeated code. Check out "How to Share Code Between Micro Frontends" for more on sharing context, functionality, and styles between micro frontends on Bits and Pieces.


Other popular stories this week include "Angular 16 Unveiled: Discover the Top 7 Features" on Syncfusion, "Introducing BullMQ Proxy" and "Creating an Interactive 3D Bulge Text Effect with React Three Fiber".


5 Best Ways to Share Code in 2024

In the fast-paced world of software development, the ability to reuse code effectively stands as a cornerstone for innovation, efficiency, and sustainability. As we step into 2024, the emphasis on...

Authored by: Bit

Next.js with Prisma and SQLite

Learn how to use Prisma with SQLite in a Next.js application ...

Authored by: Robin Wieruch

Introducing BullMQ Proxy

BullMQ now offers a versatile proxy server solution for multi-language support, facilitating communication across different tech stacks. Despite initial challenges in porting to Python, the proxy approach simplifies integration, allowing for webhook-like job processing with minimal overhead. Performance benchmarks show promising results, with plans to enhance features and maintain high stability.

Authored by: Manuel Astudillo

Magic Life-Cycle Test In Alpine.js

Ben Nadel explores the life-cycle of a custom magic in Alpine.js.

Authored by: Ben Nadel

How to Share Code Between Micro Frontends

The biggest benefit of micro frontends, if you don't know about them, is that you can use them as building blocks for different projects, keeping a consistent look and user experience across all your...

Authored by: Bit


Setting And Persisting Color Scheme Preferences With CSS And A "Touch" Of JavaScript

There are many ways to approach a "Dark Mode" feature that respects a user's system color scheme preferences and allows for per-site customization. Henry Bley-Vroman walks through a new possibility that leans into cutting-edge CSS, with minimal JavaScript to support persisting the user's color scheme preference across pages.

Authored by: Smashing Magazine

Hail to the King, Baby: Why JavaScript Reigns Supreme - I Like Kill Nerds

JavaScript has been around for over 25 years, yet it's more popular and dominant than ever. Some love to hate it, others grudgingly put up with it, but let's cut through the bullshit - JavaScript has firmly cemented itself as the one true king of programming languages.

Authored by: Dwayne Charrington

Preparing for the State of JavaScript Survey Results on Web Rush #273

We're looking at the results from the 2022 State of JavaScript survey to see what happened in the past as we prepare for the 2023 survey results.

Authored by: John Papa


Type Challenges: Type Lookup

How To Get the Corresponding Type by Searching for the Common Type Field in the Union Types.

Authored by: JavaScript Kicks


Angular 16 Unveiled: Discover the Top 7 Features

Angular released a major version upgrade, Angular 16, on May 3, 2023. As an Angular developer, I found this upgrade interesting since there were some significant improvements compared to the previous version.

Authored by: Syncfusion


How to set a focus to a input element in React

In this tutorial, we are going to learn about how to set a focus to a input element when a component is rendered into the dom. If we open a...

Authored by: Sai gowtham

Decoding React's Secret Sauce: The Transformative Power of States in Web Development 🚀🌐

In the vast kingdom of web development, React reigns supreme as a powerful and widely-used JavaScript library. Among its arsenal of features, one stands out as the backbone of dynamic and interactive...

Authored by: Frontend Weekly

Creating an Interactive 3D Bulge Text Effect with React Three Fiber

Exploring how to generate an engaging bulge effect on text using React Three Fiber.

Authored by: Codrops

React Navigation - How to Build a Breadcrumb Component

I know what you're thinking, but despite the article title and cover image, this article isn't about bread or even pastries. Instead, it looks at a commonly used component in web applications for navigation called the breadcrumb component. Here, we'll unravel the mysteries of breadcrumb trails in React applications, dissecting

Authored by: Daiveed