Attention - In order to use react-decoration you have to use babel 5 or use this plugin for babel 6. Check this page for information. If you aren't using npm in your project, you can include reactDecoration using UMD build in the dist folder with <script> tag.
decorators react-components annotations high-order-component es7 react decoration decorator annotationDisplay a skeleton preview of the application's content before the data get loaded. Before opening any Pull Request please post an issue explaining the problem so that the team can evaluate if the Pull Request is relevant.
react hoc loading skeleton skeleton-loading high-order-componentReact Sizes is a high-order component with a high performance that transform window sizes (width and height) into props. You can check inside your component, for example, if user's window is less than 480 pixels of width, and add a custom content. It can be very powerful for when you need to display different content for mobile and desktop. But it's not limited to this case. Just use that at your needs.
react hoc high-order-component media-queries responsive media query react-sizes sizesInstall using npm. ReactX is designed to be fully backward compatible with React, which can be used as drop in replacement of React without any code change.
react reactx extension property binding binder component high-order-component react-componentReact High order Component that allow you to dispatch actions with no need of redux as dependency. Redux architecture is really nice, but you might not need it, instead you can only use setState.
react component high-order-component hoc redux reducer setstateI was recently reviewing redux-zero and the tool seems to seriously take the strain off using redux given the massive amount of boiler plate that tool requests its users provide. Though redux-zero was a breath of fresh air, as are many tools that cut out the cruft, it was also missing some convenience that once achieves when finally getting redux setup in your project. The biggest missing part was being able to receive only the slice of your store that you need and being able to update that piece as easily. As a fan of using ES7 style decorators, I felt that it might make more sense to provide a single decorator to solve this issue. The decorator goes before your react component and takes a reference to your store, and a dot separated string denoting the path to your slice of the store.
redux-zero decorator high-order-componentNext.js High Order Component to integrate Google Analytics on every page change. That's it, now when the user access a page it will log a pageview to Google Analytics, each page change after that will also trigger a pageview on Google Analytics.
nextjs react analytics ga google-analytics hoc high-order-componentNext.js HOC to integrate NProgress inside your app. This is configured to run only after a delay of (default) 300ms. This means if the page change takes too long it will render the progress bar, but if it's fast enough it will avoid rendering it.
nextjs react reactjs nprogress progress-bar hoc higher-order-component high-order-componentConnect Redux to vanilla HTMLElement (or LitElement) instances, based on this gist by Kevin Schaaf. Typescript friendly.
redux webcomponents customelements lit-element lit-html high-order-componentHOC to track when a component enters the visible viewport.
viewport visible react high-order-component intersection dom show hide
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.