Open Source Spotlight: React-to-WebComponent
Turn your well written, tested React code into a universal web component with our open source package react-to-webcomponent.
React-to-webcomponent provides a wrapper for an existing React component or micro frontend and turns it into a custom element. That custom element (also known as a web component) can be used in any project that uses HTML. That means any framework too! Now, you can use your custom element the same way you would a standard HTML element.
Chapters
00:00 - 03:56 ● Intro & Overview
03:56 - 04:16 ● Visual Overview of the Functionality
04:16 - 14:51 ● Installing the Package into Existing Code
14:51 - 15:14 ● Wrap Up
Take a look at the npm package HERE: https://www.npmjs.com/package/react-t...
GitHub Repository: https://github.com/bitovi/react-to-we...
Read the accompanying blog post HERE (it has step by step written instructions!): https://www.bitovi.com/blog/how-to-cr...
TypeScript Note:
Full Typescript support is in the works, but for now you still need PropTypes with Typescript as the R2WC library is using the PropTypes definition to map web component attributes to React props.
The index.tsx file needed to work with TypeScript is HERE: https://github.com/rjspencer/r2wc-che...
Need a little more support? Book a free consultation HERE: https://www.bitovi.com/frontend-javas...
Start a conversation or ask a question on Discord: / discord
Follow us to stay up to date on our latest open source initiatives HERE:
/ bitovi
#react #webcomponent #javascript #opensource #cms #angular #vuejs
Music provided by Alex Grohl, Stomping Rock (Four Shots) from Pixabay - https://pixabay.com/
Auf dieser Seite können Sie das Online-Video Open Source Spotlight: React-to-WebComponent mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Bitovi 09 Januar 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 840 Mal angesehen und es wurde von 12 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
