wg-bento Quarterly Update 2020-07-15

[dvoytenko]

What was accomplished

• See Bento presentation at the AMP Contributor Summit 2020.
• Good parity has been achieved with React code style. Still few oddities, but working through them as well.
• More components supported: amp-fit-text, amp-selector. Work has started on amp-carousel and video elements.
• New asynchronous polyfill strategy has been implemented in AMP to reduce dependency between components and AMP Runtime. E.g. see the new IntersectionObserver polyfill.
• Implemented support of static layout for Bento components, and specifically layout=response support.
• Display locking activation has been implemented for amp-accordion.
• Collaborating with Chrome and Web community on Aspect Ratio CSS, Custom CSS Layers, Display Locking, Streamable Shadow DOM.
• Most React APIs are supported now except for some cases of context API.
• Support for storybook for AMP, React, and Bento modes.

Lessons learned

• Distributing CSS with React components in a universal way is not a problem solved yet.
• It's always better to start with a React component and finalize its mapping to Web Component after.

What's next

• Continue work on carousel and video components.
• Experiment with a non-v0 mode for Bento extensions.
• Fully support React Context API.
• Extend concepts from Context API to AMP at large.
• Build in more isolation between the separate roots of AMP DOM subtrees, such as main document and FIE.