react-native-progress-bar - An animated progress bar for React Native

•    Javascript

---

An animated progress bar component for React Native

react native react-native progress bar load loading

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.

react-native react-component react-native-component react mobile ios ui image progress bar progressbar spinner activityindicator loading indicator

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.

angular angularjs loading loadingbar progress progressbar angular-component

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.

angular loading bar progress progress-bar angular2 slim

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 react-components foundation scss css badge button callout video grid icon label media-object menu progress-bar responsive switch top-bar react-component

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 progressbar progress loader pace bar radial circle semicircle line indicator loading circular

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 portal modal loading-bar react-component lightbox react-portal transportation

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 hud popup spinner loader loading react-component

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-native react-component react-native-component react mobile ios ui progress progressindicator circle pie bar progressbar indeterminate spinner animation

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-progress-2 react-progress react-progress-indicator loading-indicator react-loading-indicator

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.

react reactjs ladda-buttons component boilerplate

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.

react redux tests tape reducer reactjs component react-component record react-redux

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.

progressbar angular ng-progress ngprogress progress bar

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 react-component mdl material-design badge button card checkbox data-table fab-button icon icon-button icon-toggle radio radio-group switch textfield progress progress-bar spinner slider tooltip menu dropdown layout drawer grid tabs

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).

react-hooks react react-portal portal loading-bar modal lightbox notification dialog dropdown tooltip hook use react-hook react-component react-useportal react-use-portal transportation react-portal-hook

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.

firestore redux redux-middleware redux-enhancer firebase react react-redux react-redux-firebase redux-firebase react-firebase

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 placeholder loading-animations loading skeleton progress spinner

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.

react-native circle percent percentage progress bar

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 middleware promise async normalize normalizr react

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.

react boilerplate react-boilerplate redux redux-boilerplate webpack2 react-router flow tdd-workflow tdd sentry static-types css-modules sass redux-devtools starter-kit starter-template starter-react es6 hmr hot babel webpack architecture webpack-dev-middleware webpack-hot-middleware starter