Displaying 1 to 20 from 32 results

mobx-react-lite - Lightweight React bindings for MobX based on React 16.8 and Hooks

  •    TypeScript

This is a next iteration of mobx-react coming from introducing React hooks which simplifies a lot of internal workings of this package. Class based components are not supported except using <Observer> directly in class render method. If you want to transition existing projects from classes to hooks (as most of us do), you can use this package alongside the mobx-react just fine. The only conflict point is about the observer HOC. Subscribe to this issue for a proper migration guide.

the-platform - Web. Components. 😂

  •    TypeScript

Note: React 16.8+ is required for Hooks. Detect and retrieve current device Motion.

react-firebase-hooks - React Hooks for Firebase.

  •    TypeScript

A set of reusable React Hooks for Firebase. Official support for Hooks was added to React Native in v0.59.0. React Firebase Hooks works with both the Firebase JS SDK and React Native Firebase, although some of the Flow and Typescript typings may be incorrect - we are investigating ways to improve this for React Native Firebase users.

use-react-router - React Hook for pub-sub behavior using React Router.

  •    TypeScript

useReactRouter() returns an object that contains the history, location, and match properties that would be passed as props by the HOC. A tutorial covering the design and development of this package can be found on Medium: How to Convert withRouter to a React Hook.

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

resynced - An experimental hook that lets you have multiple components using multiple synced states using no context provider

  •    TypeScript

This is an experimental hook that lets you have multiple components using multiple synced states using no context provider. This package requires the Hooks API available only in React 16.7.0-alpha.0 or later.

Mastering-React-Test-Driven-Development - Mastering React Test-Driven Development, published by Packt


This is companion repository for the book Mastering React Test-Driven Development by Daniel Irvine, published by Packt. The book itself has checkpoints that are based on various tags. If you're following along then you'll need to be comfortable switching tags.

use-undo - React Hooks to implement Undo and Redo functionality

  •    Javascript

undo/redo functionality with React Hooks. To use useUndo, you have to use at minimum react@16.7.0-alpha.0. React Hooks is currently at RFC stage.

react-hooks-example - React Hooks Example

  •    Javascript

You can learn more in the Introducing Hooks .

react-hooks-screen-type - Determining screen size type for Bootstrap 4 grid.

  •    Javascript

This package is useful for determining screen size type on web applications with respect to bootstrap 4 grid system.

use-clippy - React Hook for reading from and writing to the user's clipboard.

  •    TypeScript

useClippy is a React Hook for reading from and writing to the user's clipboard. useClippy() returns a tuple analogous to useState, where the first item is the clipboard contents and the second item is a function for setting the clipboard contents.

use-dimensions - A React hook for the React Native Dimensions API.

  •    TypeScript

A React hook for the React Native Dimensions API. To get both screen and window dimensions, use the default export.

use-force-update - React Hook to force your functional component to update.

  •    TypeScript

useForceUpdate is a React Hook that forces your functional component to re-render. useForceUpdate does not serve a purpose in and of itself. It is a tiny package that aims to be integrated into larger hooks, making obsolete any class functionality that is still reliant on this.forceUpdate.

react-register-nodes - Register DOM Nodes in React

  •    TypeScript

Register DOM nodes within a context. Helpful for UI where many siblings need to know about each other. A common example is scrolling to the first error after a form submission. This is the Context Provider. Must be above any components that call the use* hooks.

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.