/wc-react-poc

Primary LanguageTypeScript

This project is designed to show a React integration of FAST web components. It illustrates:

  • virtual DOM synchronization through https://github.com/skatejs/val
  • TypeScript type integration to use FAST web components in JSX
  • Adding attributes as props
  • Adding properties as props
  • Adding listeners for custom events as props to a WC
  • Adding native event listeners as props to a WC
  • SSR string output
  • react-redux w/ Web Components

The application is a simple todo application intended to illustrate using Web Components in a React application. At any point in time, the SSR string of the application can be viewed at the bottom of the application.

Getting started

  1. Clone the repository
  2. yarn or npm i in the project
  3. yarn start or npm start