react-timers - A react setInterval/setTimeout mixin for mere mortals

  •        11

A react setInterval/setTimeout mixin for mere mortals. Any intervals that are set are automatically cleared based on the component life cycle. WARNING: If you are performing an async action, you should still check if the component is mounted.



Related Projects

react-mixin - mixins in react with es6 style classes

  •    Javascript

React doesn't have anything built in for this, but don't worry! This package implements react's mixin strategy for arbitrary objects. 90% of the time you don't need mixins, in general prefer composition via high order components. For the 10% of the cases where mixins are best (e.g. PureRenderMixin and react-router's Lifecycle mixin), this library can be very useful.

d3act - d3 with React

  •    Javascript

d3 has been the de facto standard when it comes to data visualisations for a while now and React has recently emerged as the go-to library for building user interfaces. d3 and React are both data-centric libraries, making them a natural fit; d3 takes a data-driven approach and React aims to solve the problem of data changing over time in the context of building large applications. Nicolas Hery's "Integrating D3.js visualizations in a React app" talks about letting d3 do all the work after React has finished rendering components in the DOM. d3act is inspired by @nicolas_hery's approach; create a lightweight React component wrapper that maps React's lifecycle methods componentDidMount, componentDidUpdate and componentWillUnmount into a d3 chart's create, update and unmount methods respectively.

systemd-manager - A systemd service manager written in Rust with the GTK-rs wrapper and direct integration with dbus

  •    Rust

This application is a systemd service manager written in the Rust programming language with GTK3 as the graphical user interface of choice. The units are filtered into three separate lists: services, sockets, and timers. As a unit is selected in the left pane, the right pane is updated with information pertaining to that unit, and the right headerbar is updated to reflect the status of the unit where you may disable/enable and start/stop the selected unit. Services are units that are activated immediately, sockets are units that are activated when they are needed, and timers are units that activate on a regular time interval. In addition to display units, the application also provides stats generated by systemd-analyze on the Systemd Analyze view.This is available in the AUR as a git package: systemd-manager-git.

JP Timer - Free Countdown-Timer/Stopwatch, Shutdown/Logoff/Reboot Windows


This small project came out as a result of my practices of learning C++/CLI and the Microsoft .NET Framework. Therefore, it is written in pure C++/CLI. JP Timer is a free small, neat and easy-to-use countdown timer comes with a handy stopwatch. It can be used as a time remin...

react-syntax-highlighter - syntax highlighting component for react with prismjs or highlightjs ast using inline styles

  •    Javascript

Check out a small demo here and see the component in action highlighting the generated test code here. There are other syntax highlighters for React out there so why use this one? The biggest reason is that all the others rely on triggering calls in componentDidMount and componentDidUpdate to highlight the code block and then insert it in the render function using dangerouslySetInnerHTML or just manually altering the DOM with native javascript. This utilizes a syntax tree to dynamically build the virtual dom which allows for updating only the changing DOM instead of completely overwriting it on any change, and because of this it is also using more idiomatic React and allows the use of pure function components brought into React as of 0.14.

Libev - High performance full-featured event loop written in C

  •    C

Libev is a high-performance event loop, supporting eight event types (I/O, real time timers, wall clock timers, signals, child status changes, idle, check and prepare handlers). It uses a priority queue to manage timers and uses arrays as fundamental data structure. It has no artificial limitations on the number of watchers waiting for the same event.

react-native-timeago - An auto-updating timeago component for React Native using moment.js

  •    Javascript

An auto-updating timeago component for React Native using moment.js. All normal Text props are applicable (including style). Use the interval prop to change the update interval in milliseconds (default: 60000).

react-pure-render - [No Maintenance Intended] A function, a component and a mixin for React pure rendering

  •    Javascript

This project is no longer actively maintained. It does its job, but there are no plans to extend or change it. We suggest you to use the official react-addons-shallow-compare package instead which does the same job. To wrap functional components in a more expressive way, we encourage you to check out recompose. A function, a component and a mixin for React pure rendering.

backbone-react-component - A bit of nifty glue that automatically plugs your Backbone models and collections into your React components, on the browser and server

  •    Javascript

Backbone.React.Component is a mixin and API that glues Backbone models and collections into React components. When used as a mixin the component is mounted, a wrapper starts listening to models and collections changes to automatically set your component state and achieve UI binding through reactive updates.

Timer Uppercut


Timer Uppercut makes it easy for anyone to set extensive countdown timers, with an easy to use user interface, alerting sounds and the possibility to import/export the schedule. It's developed in the C# programming language and it started as a favor to a friend.

core-decorators - Library of stage-0 JavaScript decorators (aka ES2016/ES7 decorators but not accurate) inspired by languages that come with built-ins like @​override, @​deprecate, @​autobind, @​mixin and more

  •    Javascript

Library of JavaScript stage-0 decorators (aka ES2016/ES7 decorators but that's not accurate) inspired by languages that come with built-ins like @​override, @​deprecate, @​autobind, @​mixin and more. Popular with React/Angular, but is framework agnostic. Similar to Annotations in Java but unlike Java annotations, decorators are functions which are applied at runtime. This can be consumed by any transpiler that supports stage-0 of the decorators spec, like babel.js version 5. Babel 6 does not yet support decorators natively, but you can include babel-plugin-transform-decorators-legacy or use the applyDecorators() helper.

react-rethinkdb - Render realtime RethinkDB results in React

  •    Javascript

To get started immediately, follow the examples/tutorial/ project, or clone some of the other projects in examples/. This library provides a React mixin for running RethinkDB queries in any React component directly from the browser. It wraps rethinkdb-websocket-client to connect to the database, and is intended to be used with rethinkdb-websocket-server running in the backend.

typed-react - A binding layer between React and TypeScript

  •    TypeScript

In this case we export the Props and the Factory but we could make the props and state inline interfaces and just export the factory function. TypedReact supports using existing React Mixins as well as defining new mixins with idiomatic TypeScript. The example is based on You need to use createMixin on your own mixins and should export that from your mixin modules.

react-masonry-component - A React.js component for using @desandro's Masonry

  •    Javascript

if you wish to have IE8 support, v2 with React 0.14 is the highest version available. To use the component just require the module.

react-animate - React animation mixin.

  •    Javascript

Allows to animate parts of a React components programmatically, without bypassing React internals and without altering the DOM directly. It works by interpolating intermediate styles values and applying them to special state keys containing the styles, on each animation frame using requestAnimationFrame.

react-event-components - 🛰 A set of React components designed to handle global events (interval, keyboard, touch, mouse, etc)

  •    Javascript

A set of components designed as an idiomatic way of working with global, raw input (keyboard, mouse, touch, etc) in React. Call the handler everytime a key event happen.

libdispatch - Linux port of Apple's open-source concurrency library

  •    C

pthreads getting you down? libdispatch, aka Grand Central Dispatch (GCD) is Apple's high-performance event-handling library, introduced in OS X Snow Leopard. It provides asynchronous task queues, monitoring of file descriptor read and write-ability, asynchronous I/O (for sockets and regular files), readers-writer locks, parallel for-loops, sane signal handling, periodic timers, semaphores and more. You'll want to read over Apple's API reference. I've added the ability to integrate libdispatch's main queue with third-party run-loops, e.g. GLib's GMainLoop. Call dispatch_get_main_queue_handle_np() to get a file descriptor your run-loop can monitor for reading; when it becomes readable call dispatch_main_queue_drain_np() to execute the pending tasks.

jquery-dotimeout - jQuery doTimeout: Like setTimeout, but better!

  •    Javascript

jQuery doTimeout takes the work out of delayed code execution, including interval and timeout management, polling loops and debouncing. In addition, it's fully jQuery chainable, with a very simple, yet powerful API. These working examples, complete with fully commented code, illustrate a few ways in which this plugin can be used.