Displaying 1 to 20 from 23 results

the-platform - Web. Components. 😂

  •    TypeScript

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

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.

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.

Tokamak - React-like framework for native UI written in pure Swift đŸ› âš›ïžđŸ“Č

  •    Swift

Tokamak provides a declarative, testable and scalable API for building UI components backed by fully native views. You can use it for your new iOS apps or add to existing apps with little effort and without rewriting the rest of the code or changing the app's overall architecture. Current Tokamak API was designed and built at the end of 2018, months before SwiftUI was announced. We do think that SwiftUI is the future of development not only for Apple's platforms, but potentially other platforms too (Android, WebAssembly, Windows, or your platform of choice). Thus, the short-term goal of Tokamak is to make the API more compatible with SwiftUI. All contributions that help us in achieving this goal are much appreciated. You can consider the current Tokamak API as deprecated, but still usable for research and experimentation purposes.

react-border-wrapper - A wrapper for placing elements along div borders.

  •    Javascript

Use the border wrapper in the same way you would use a <div>. Use the following link to play around with the props and find a proper style. It is highly encouraged to export the props and either report an issue with them or submit them as a style to be used by other users.

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.

use-timer - A timer hook for React

  •    TypeScript

Simple timer turned into React Hooks. Read about Hooks feature. Try demo here: https://stackblitz.com/edit/use-timer.