InfoQ Homepage Web Components Content on InfoQ
-
Lit 2 Ships with New Custom Directives and Reactive APIs
The Lit Team recently released Lit 2.0, more than two years after Lit 1. Lit 2 features a new API for custom directives that include asynchronous directives. Lit 2 users will also be able to use reactive controllers to encapsulate reusable reactive logic.
-
GitHub's Journey with Web Standards and Web Components
GitHub has been working for the last few years on moving away from jQuery and running its interface entirely on Web standards, specifically Web Components. InfoQ has talked with GitHub application engineer Kristján Oddsson to learn more.
-
Github Releases Catalyst to Ease the Development of Web Components in Complex Applications
GitHub recently released the first major iteration of Catalyst, a set of patterns and techniques for developing with web components in complex applications. Catalyst strives to be small and is used for the GitHub website that is entirely written in vanilla JavaScript and web components.
-
Web Components at GitHub - Web Component SF Meetup
Kristján Oddsson detailed at the Web Components SF meetup how GitHub uses Web Components and the patterns GitHub identified to foster readable, performant, and accessible front end components.
-
Accessible Adaptive Design Systems with Microsoft's New FAST Framework
Rob Eisenberg recently introduced the FAST Framework. FAST allows developers to create their own design system and web component libraries by customizing styles and properties. FAST uses an adaptive color system that meets accessibility contrast requirements, supports color theming, and provides a perceptually uniform UI across different background colors – with little input from developers.
-
New MDJS Markup Language Adds JavaScript to Markdown for Interactive Documentation
Thomas Allmer, founder of Open Web Components (@OpenWc), released MDJS, a Markdown variant that allows developers to include runnable JavaScript code into their Markdown documents. MDJS can be interpreted as regular Markdown content or be progressively enhanced to produce interactive documentation including web components.
-
Ionic 5 Release Supports iOS 13 Consistency, Angular Ivy
The recent Ionic 5 release adds support for iOS 13 styles, a new custom animation API, and an improved Ionicon icon set.
-
Ionic's Stencil Component Compiler Design Considerations -- Adam Bradley at DotJS2019
Adam Bradley, creator of StencilJS and co-creator of Ionic Framework, reviewed at dotjs2019 the design and architecture that went into Stencil, a component compiler which generates framework agnostic components.
-
Web Components at Scale at Salesforce: Challenges Encountered, Lessons Learnt
Diego Ferreiro Val, principal architect at Salesforce, co-creator of Lightning Web Components (LWC), talked at WebComponentsSF about the challenges and lessons in building a platform leveraging web components at enterprise scale. Albeit with missing pieces, the web components standard was instrumental to achieve Salesforce’s interoperability, backward and forward compatibility objectives at scale.
-
Storybook 5.3 Released, Targets Design Systems, Supports Web Components
Storybook 5.3 was recently released and strives to allow developers to build production design systems faster. Storybook users can now document their components with MDX, have a documentation site automatically generated, and integrate with popular design tools like Sketch, Figma or Adobe XD. Storybook 5.3 also now officially supports web components.
-
Web Components Reaching Mainstream Maturity
For years web components have been a standard that was almost ready. With the recent Apple Music web client release, Apple shipped over 45 web components to drive the Apple Music experience. Others, including Amazon, Porsche, arm, Panera, and Microsoft, are leveraging Stencil to create design systems and cross-framework web components.
-
Ionic Introduces Stencil One, Targeting Fast, Reusable UI Components and Apps
The Ionic Framework’s new “Stencil One” compiles to optimized Web Components and progressive web apps. Developers may write a component once, and reuse it in any framework – Angular, React, Vue, Ember or with plain vanilla JavaScript, by adjusting the Stencil compiler options. Stencil One also provides pre-rendering, automatic component documentation, Hot Module and Style Replacement, and more.
-
Svelte 3 Front-End Framework Moves Reactivity into the JavaScript Language, Q&A with Rich Harris
The recently released front-end framework Svelte 3 introduces a new syntax to express reactivity in JavaScript. InfoQ interviewed Rich Harris, Svelte creator, and discussed what Svelte 3 means and its implications for developers.
-
Bruck: Quick Interface Layout Prototyping
Bruck is a new lo-fi prototyping system targeted at web designers that enables them to quickly build responsive, accessible layout prototypes for clients. Designers may prototype a large variety of layouts by composing up to 25 web components. Designers may additionally visualize in real time the composed layout in Bruck's online interactive playground.
-
Ionic Version 4: from Angular to React, Vue, and Web Components
Version 4 of Ionic represents a substantial change, moving from a mobile framework for Angular users to a framework-agnostic approach that adds support for React, Vue.js, and web components.