We have collection of more than 1 Million open source products ranging from Enterprise product to
small libraries in all platforms. We aggregate information from all open source repositories.
Search and find the best for your needs. Check out projects section.
Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client).Code and docs are for v2 which we highly recommend you to try. Looking for styled-jsx v1? Switch to the v1 branch.
Maple is a seamless module that allows you to organise your React project in terms of webcomponents — with HTML Imports, Shadow DOM, and Custom Elements — allowing you to implement any Flux architecture you choose, and then compile with Mapleify for production.💎 Install all dependencies and start server using npm start.
Switzerland takes a functional approach to Web Components by applying middleware to your components. Supports Redux, mobx, attribute mutations, CSS variables, React-esque setState/state, etc… out-of-the-box, along with Shadow DOM for style encapsulation and Custom Elements for interoperability.
Heads Up! It's all about the V1 Spec. This document is more yours than it is mine. It makes me happy that it has been able to help people. To do better I moved this document from the original gist to this repo so multiple people can work together and improve it.
ShadyDOM provides a shim for ShadowDOM V1. It is less correct but less intrusive and faster than the ShadowDOM Polyfill. Usage of the shim is transparent when attachShadow is unavailable. Elements are patched as needed to report ShadowDOM correct dom information. Only dom tree accessors and mutation api is maintained. Some dom api (for example MutationObservers) is not shimmed.
React Web Component is available as the react-web-component package on npm. To create a web component with react-web-component, simply pass a React component as the first parameter to ReactWebComponent.create and the name of the web component you would like to create as the second parameter.