Get a GitNation Multipass, attend 8+ remote JavaScript conferences & watch tens of pro talks and workshops from our past events: https://portal.gitnation.org/multipass

🗓 React Summit Remote Edition 2021 #ReactSummit
Website – https://remote.reactsummit.com/

Watch the full version of all the conference talks including QnA sessions on GitNation Video platform, follow the link → http://bit.ly/rsre2021-yt-talks-qna

Talk: Scaling Components Across Multiple Frameworks

React provides a great ecosystem for React developers, but challenges often arise for multi-team organizations who get to pick the technology of their choice. As teams and projects scale, and technologies change over time, being able to provide a universal component library as a design system for an entire organization proves to be difficult.

Stencil was created to help address this issue, most notably for Ionic, which is a UI library for mobile app development using web-technologies. In this talk we’ll walk through how Ionic is able to create an Ionic React library, using custom elements (web components) as the lowest level. Using the Stencil compiler, the Ionic team is able to generate various bindings for each of the frameworks, such as React, Angular, and Vue.

The benefit of this allows the design team to focus on maintaining one codebase, while the Stencil compiler does the heavy lifting to generate the various output targets. Additionally, end-users of each framework binding get to interact with their traditional component model they’re familiar with. React developers use @ionic/react no differently than any other React component, and the same goes for Angular and Vue.

This event would not take place without the support of sponsors:

🏆 Platinum Sponsors

Focus Reactive → https://focusreactive.com/
Nx → https://nx.dev/
AWS Amplify → https://docs.amplify.aws/
WP Engine → https://wpengine.com/
Shopify → https://shopify.engineering/
Rangle → https://rangle.io/

🥇 Gold Sponsors
Rollbar → https://rollbar.com/product/
MUX → https://mux.com/
JetBrains → https://www.jetbrains.com/
Microsoft → https://aka.ms/devopsjsfm
Storyblok → https://www.storyblok.com/
Cloudinary → https://cloudinary.com/
Cleo → https://www.meetcleo.com/
Prismic → https://prismic.io/
G2i → https://www.g2i.co/
Netlify → https://www.netlify.com/
DataDog → https://www.datadoghq.com/

🥈 Silver Sponsors
StackHawk → https://www.stackhawk.com/
Kontent → https://kontent.ai/
Magic → https://magic.link/
Aldeia → https://aldeia.world/
Nacelle → https://nacelle.com/
Influxdata → https://www.influxdata.com/
Progress KendoReact → https://www.telerik.com/
Neo4j→https://neo4j.com/
Tara → https://tara.ai/

#react #angular #vue