Set up a React App and build it as a Web Component
This setup is is based on react-scripts from create-react-app
A thorough description of the principles used in this setup, can be read in this article
Features include
✔️ Create, build and ship Web Components easier than ever before
✔️ Configure your project with full Webpack control
✔️ Bundling multiple components together for optimzed bundlesize
✔️ Data-sharing and interactions bewteen components
✔️ Passing child elements to the component
✔️ Plugins for varies purposes: font-loading, external resources, styled-components, and more ...
Get started
Start by downloading the cli:
npm i -g direflow-cli
Create a new Direflow Component
direflow create
This will bootstrap a new Direflow Component for you.
Now use the following commands:
cd <project-folder>
yarn install
yarn start
Your Direflow Component will start running on localhost:3000
and your browser opens a new window
Contributing
Issues
In the case of a bug report, bugfix or a suggestions, please feel very free to open an issue.
Pull request
Pull requests are always welcome, and I'll do my best to do reviews as fast as I can.
License
This project is licensed under the MIT License
Get Help
Read more about using Web Components with React on the official React Docs