react-redux-loading-bar - Loading Bar (aka Progress Bar) for Redux and React

  •        195

A React component that provides Loading Bar (aka Progress Bar) for long running tasks. See Demo or its source code.

https://github.com/mironov/react-redux-loading-bar

Dependencies:

prop-types : ^15.5.6
react-lifecycles-compat : ^3.0.2

Tags
Implementation
License
Platform

   




Related Projects

react-native-image-progress - Progress indicator for networked images in React Native

  •    Javascript

Note: Progress indicators has been broken out to a separate component; react-native-progress. To use them, please follow installation instructions for that package. Note: onLoad* events are bubbled up, so if you want to do some custom thing when the image is loaded for example.

angular-loading-bar - A fully automatic loading / progress bar for your angular apps.

  •    Javascript

The idea is simple: Add a loading bar / progress bar whenever an XHR request goes out in angular. Multiple requests within the same time period get bundled together such that each response increments the progress bar by the appropriate amount.This is mostly cool because you simply include it in your app, and it works. There's no complicated setup, and no need to maintain the state of the loading bar; it's all handled automatically by the interceptor.

ng2-slim-loading-bar - Angular 2 component shows slim loading bar at the top of the page.

  •    TypeScript

Angular2 component shows slim loading bar at the top of the page of your application. Follow me to be notified about new releases.

react-foundation - Foundation as React components.

  •    Javascript

Foundation as React components. Foundation is both feature-rich and easy to customize. React on the other hand is awesome because of its simplicity. It's even more awesome when combined with Redux and Immutable.


react-progressbar.js - Responsive and slick progress bars for React.

  •    Javascript

This module is a React wrapper for progressbar.js. That's why most of the documentation refers to the original documentation. react-progressbar.js is lightweight, MIT licensed and supports all major browsers including IE9+.

react-portal - React component for transportation of modals, lightboxes, loading bars

  •    Javascript

Struggling with modals, lightboxes or loading bars in React? React-portal creates a new top-level React tree and injects its children into it. That's necessary for proper styling (especially positioning). Looking for v3 documentation? Go here.

react-native-progress-hud - A clean and lightweight progress HUD for your React Native app.

  •    Javascript

React Native Progress HUD is a React Native port of the popular SVProgressHUD. It is a clean and easy-to-use HUD meant to display the progress of an ongoing task. Are you using React? Check out React Progress HUD.

react-native-progress - Progress indicators and spinners for React Native using ReactART

  •    Javascript

Progress indicators and spinners for React Native using ReactART. To use the Pie or Circle components, you need to include the ART library in your project on iOS, for android it's already included.

react-progress-2 - ReactJS Progress 2

  •    Javascript

Please note, that show and hide calls are stacked, so after n-consecutive show calls, you need to do n hide calls to hide an indicator or you can use Progress.hideAll(). Created in 2015 by Ruslan Prytula (@milworm).

react-ladda - React wrapper for Ladda buttons.

  •    Javascript

LaddaButton is a React component that renders a Ladda button. You can change the button's loading state and progress using the loading and progress props.

redux-test-recorder - a redux middleware to automatically generate tests for reducers through ui interaction

  •    Javascript

Redux test recorder is a redux middleware for automatically generating tests for your reducers based on the actions in your app. Currently I've written redux-test-recorder-react a component to provide a gui for recording tests in react but I'm hopeful recording components for other frameworks can be created in the future. Also take a look at our latest build which currently runs a test generated using this module by taking advantage of the eval command. For a better idea of what is going on, you can take a look at the test file here.

ngProgress - โณ Angular provider for slim loading bar at the top of the page ( inspired by https://github

  •    Javascript

ngProgress is a provider for angular for showing a loading status of something. Use cases can be fetching external resources, showing a action taking more-than-normal length or simple loading between the page views. Prefereble, only for resource heavy sites.Include ngProgress.js ( or ngProgress.min.js) and ngProgress.css in your website.

react-mdl - React Components for Material Design Lite

  •    CSS

This library is now deprecated. It's higly recommended to use Material Design Components instead. Instead of using the official material.css and material.js files from the MDL project, you should use the files we provide in /extra. The reason to that is because the official Layout component is not fully compatible with React. We made a patch and we re-exported everything so people can still use it. If you're worried about the changes we made, you can take a look at the patch note or read about the issue in this ticket.

react-useportal - ๐ŸŒ€ React hook for Portals

  •    TypeScript

Need to make dropdowns, lightboxes/modals/dialogs, global message notifications, or tooltips in React? React Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component (react docs). This hook is also isomorphic, meaning it works with SSR (server side rendering).

redux-firestore - Redux bindings for Firestore

  •    Javascript

This assumes you are using npm as your package manager. It is common to make react components "functional" meaning that the component is just a function instead of being a class which extends React.Component. This can be useful, but can limit usage of lifecycle hooks and other features of Component Classes. recompose helps solve this by providing Higher Order Component functions such as withContext, lifecycle, and withHandlers.

react-loading-skeleton - Create skeleton screens that automatically adapt to your app!

  •    Javascript

Make beautiful, animated loading skeletons that automatically adapt to your app. Install by npm/yarn with react-loading-skeleton.

react-native-percentage-circle - ๐Ÿณ React Native Percentage Circle

  •    Javascript

React-Native-Percentage-Cirlce is a component which supports you define your percent and draw the circle.And also you can use it as a progress bar.And you can show some data in a circle you want.

redux-pack - Sensible promise handling and middleware for redux

  •    Javascript

redux-pack is a library that introduces promise-based middleware that allows async actions based on the lifecycle of a promise to be declarative. Async actions in redux are often done using redux-thunk or other middlewares. The problem with this approach is that it makes it too easy to use dispatch sequentially, and dispatch multiple "actions" as the result of the same interaction/event, where they probably should have just been a single action dispatch.

redux-webpack-es6-boilerplate - A starter project for modern React apps with Redux

  •    Javascript

Note: If you still want to use a previous version, please checkout old-original-structure branch. A boilerplate using the power and simplicity of React, Redux, Webpack 2 + HMR, and ES6 + JSX via Babel. Includes Webpack's Tree Shaking configuration. It's suitable for scalable applications and organized using the custom variation of the Ducks pattern — approach when each module's entry file (feature-name.js) contains all of its related constants, actions/action creators, selectors and its reducer.





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.