Sysco LABS Sri Lanka·3yThe Art of Micro Frontends
The Art of Micro Frontends is a modular architecture design for web. The concept of micro frontends is an extension of the micro services used in backend. Companies such as Netflix, Zalando and Capital One have pushed the pattern to the front, preparing the groundwork for micro-frontends.
Community Picks·3yBuilding a Design System with React Web Components
Building a Design System with React Web Components is a simple way to build a universal design system with React. We compiled React to Web Components using wrappers, polyfills and tooling to make them work in every context. The implementation turned out tougher than we anticipated but we're happy with the result.
freeCodeCamp·3yHow to Write Components that Work in Any Framework
The article explains the concept of web components and the technologies that make them up, including custom elements, Shadow DOM, and HTML Templates. It highlights the challenges of writing web components and introduces Lit, a library that simplifies the process by reducing boilerplate code. Lit allows developers to write performant and interoperable web components that can work in any frontend framework.
Community Picks·3yAn introduction to Web Components
Learn about Web Components, which are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps. Discover how to create a simple Web Component and use Shadow DOM to add styles to a custom element.
LogRocket·2yNesting web components in vanilla JavaScript
Web components are native components that work across all browsers without relying on build tools. This article discusses how to create a reusable card component using web components and vanilla JavaScript, as well as how to use layout containers to organize multiple cards. It provides code examples and explains the benefits of using web components.
LogRocket·3yBuilding web components with WebC in vanilla JavaScript
Web components are custom, reusable, and strongly-encapsulated HTML components that can be used in any JavaScript project. Web components solve the encapsulation problem by allowing you to limit the impact of your CSS and JavaScript code to the scope of your component. WebC provides a better authoring experience when writing web components.
Trendyol Tech·3yIntroducing Trendyol’s Open-Source Baklava Design System
Trendyol’s Open-Source Baklava Design System is a design system that aims to provide a consistent, accessible, usable, and multi-purpose design language that can be used as a base for many types of digital projects. The return of investment in Design Systems, which accelerates design and development, is enormous.
freeCodeCamp·3yHow to Build Your First Web Component
A web component is a custom HTML element that you define, with its own tag name. This guide is intended as a gentle introduction to the concept, so it won't cover some more advanced aspects such as templates, slots, or shadow DOM. Web components are a nice way to add some extra functionality to your app.
Hacker News·3yWeb Components Will Outlive Your JavaScript Framework
Web components provide a resilient and portable way to build reusable HTML elements, ensuring longevity and avoiding dependencies. They are an alternative to JavaScript frameworks and can be used with any technology that can render HTML.
Telerik·3yAngular 16+ Micro Frontends with Angular Elements
Angular micro frontends leverage the concept of microservices by breaking down the frontend code and using Angular elements to create custom components. This approach simplifies application maintenance and allows for flexibility in using different frameworks for different components.
This Week In React·3yThis Week In React #162: Lit-React, Remix, Next.js, Fresh, next-safe-actions, Starlight, RN 0.73 RC, RCTText, canvaskit-js, vxrn, Rolldown, Vite, Japa, Prisma...
Lit 3.0 has been released with improvements to the framework and the integration of Lit with React. Using native components in React Native can lead to performance gains. ViteConf announced projects such as a Rust port of Rollup and the usage of Vite with Remix and React-Native.
