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.
<p>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".
General
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
JavaScript
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
TypeScript
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
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
React
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