GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → SimonHoiberg → create-react-web-component

SimonHoiberg / create-react-web-component

Licence: MIT license
Set up a React App wrapped in a Web Component

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Labels

reactwebcomponents

Projects that are alternatives of or similar to create-react-web-component

biotope-element
A web component
Stars: ✭ 15 (-65.91%)
Mutual labels:  webcomponents
vanilla-jsx
Vanilla jsx without runtime. HTML Tag return DOM in js, No virtual DOM.
Stars: ✭ 70 (+59.09%)
Mutual labels:  webcomponents
wheat-ui
Web Components 组件库；拍平框架差异
Stars: ✭ 17 (-61.36%)
Mutual labels:  webcomponents
rockiot-ui
Webcomponent for IoT Dashboards, HTML Gauges and more
Stars: ✭ 42 (-4.55%)
Mutual labels:  webcomponents
phoenix-and-elm-landing-page
Repo for my "Phoenix and Elm landing page " tutorial series
Stars: ✭ 14 (-68.18%)
Mutual labels:  webcomponents
web-component
Lightweight library providing interface for building web components
Stars: ✭ 37 (-15.91%)
Mutual labels:  webcomponents
danmaku-player
An HTML5 danmaku video player for real-time image processing using WebGl and Web Components.融合了webgl和web components的实时图像处理弹幕播放器
Stars: ✭ 40 (-9.09%)
Mutual labels:  webcomponents
multiselect-combo-box
A multi select combo box web component based on Polymer and the vaadin-combo-box
Stars: ✭ 41 (-6.82%)
Mutual labels:  webcomponents
codeceptjs-bdd
Javascript BDD UI Automation Framework. Exclusive LWC Shadow DOM Support. Playwright, Webdriver.io, Appium, Saucelabs.
Stars: ✭ 35 (-20.45%)
Mutual labels:  webcomponents
micro-web-component
Minimalist Web components for your static website
Stars: ✭ 13 (-70.45%)
Mutual labels:  webcomponents
skeleton-carousel
Carousel component. Horizontal and vertical swipe navigation
Stars: ✭ 31 (-29.55%)
Mutual labels:  webcomponents
wc
A simple spinning loading web component based on the one from macOS
Stars: ✭ 47 (+6.82%)
Mutual labels:  webcomponents
el-frontend-del-futuro
Viaje al futuro del frontend
Stars: ✭ 18 (-59.09%)
Mutual labels:  webcomponents
lit-components
Moved to https://github.com/vaadin/component-mixins
Stars: ✭ 59 (+34.09%)
Mutual labels:  webcomponents
toggle-icon
toggle-icon is a custom element created with Polymer. It provides an extremely powerful and customizable switch that looks like a paper-icon-button.
Stars: ✭ 21 (-52.27%)
Mutual labels:  webcomponents
chartjs-web-components
the web components for chartjs
Stars: ✭ 50 (+13.64%)
Mutual labels:  webcomponents
enterprise-wc
Enterprise-grade web component library for the Infor Design System
Stars: ✭ 14 (-68.18%)
Mutual labels:  webcomponents
lazy-image
Lazily load your images with <lazy-image> custom element
Stars: ✭ 42 (-4.55%)
Mutual labels:  webcomponents
auth-ajax
Auth token handling for Polymer
Stars: ✭ 15 (-65.91%)
Mutual labels:  webcomponents
patternfly-webcomponents
This project provides a set of core Web Components for the PatternFly reference implementation
Stars: ✭ 19 (-56.82%)
Mutual labels:  webcomponents
View All Similar Projects ➔

Create React Web Component Tweet

NPM Version Github License Build Status Code Coverage

This project has been deprecated, and will no longer be maintained!

The project is now carried on at Direflow




Set up a React App wrapped in 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

Getting Started

Install

Get started by running the command

npx create-react-web-component

Or install the package globally

  • yarn

    yarn global add create-react-web-component

  • npm

    npm i -g create-react-web-component

This will bootstrap a new project for you.
Now use the following commands:

cd <project-folder>
yarn install
yarn start

Your project 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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].