loading...

Integrate Custom Elements into React app

shystruk profile image Vasyl Stokolosa ・1 min read

Web Components in React with support in all popular browsers, including IE 11

Alt text of image

If you are interested in Custom Elements, check this out.

https://codeburst.io/integrate-custom-elements-into-react-app-ef38eba12905

Integration example is here.

GitHub logo shystruk / create-react-redux-app-structure

Create React + Redux app structure with build configurations ✨

Create React Redux App Structure Twitter URL

MIT Licence codecov Build Status npm version

Create React + Redux app structure with build configurations.

What can I find here?

  • Express, Cors
  • React + Redux, ES6, async/await
  • Web Components (Custom Elements) integration
  • React Router
  • Internationalization
  • SASS
  • PostCSS (autoprefixer), so you do not need -webkit, -moz or other prefixes
  • Build script configuration Development, Staging, Production with CDN, cache-busting support
  • Build script to bundle JS, CSS, with sourcemaps
  • Unit tests Jest, Enzyme
  • E2E Cypress tests
  • ESLint
  • Ghooks (pre-commit with unit tests and eslint validation)
  • Code Coverage (https://codecov.io)
  • Travis CI runs Unit and E2E tests and report to codecov

Quick Start

Create React + Redux app structure works on macOS, Windows, and Linux If something doesn’t work, please file an issue.

npm

npm i -g create-react-redux-app-structure

yarn

yarn add global create-react-redux-app-structure

create-react-redux-app-structure my-app
cd my-app/
npm run fast-start

http://localhost:8080/ will be opened automatically.

When you are ready to…

If you have some experience working with Custom Elements I will appreciate your thoughts and feedbacks 👍

Discussion

pic
Editor guide