react-browser-hooks - React Browser Hooks

  •        12

A simple utility library that provides custom hooks for some common browser events. Sensible defaults are provided to allow each hook to be safely used when rendering on the server.



Related Projects

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.

hooks-workshop - The course material for our Spring 2019 React Hooks workshop

  •    Javascript

This repo contains the course material for React Training. Before attending the training, please make sure you can run this repository. You'll be prompted with the exercise you'd like to run, hit "0" to view the full app we'll be working in, then, open a web browser to http://localhost:3000.

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-hooks-testing-library - 🐏 Simple and complete React hooks testing utilities that encourage good testing practices

  •    Javascript

Simple and complete React hooks testing utilities that encourage good testing practices. Invariant Violation: Hooks can only be called inside the body of a function component.

react-router-scroll - React Router scroll management

  •    Javascript

React Router scroll management. react-router-scroll is a React Router middleware that adds scroll management using scroll-behavior. By default, the middleware adds browser-style scroll behavior, but you can customize it to scroll however you want on route transitions.

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.

react-server - :rocket: Blazing fast page load and seamless navigation.

  •    Javascript

React framework with server render for blazing fast page load and seamless transitions between pages in the browser. That hooks you up with react-server-cli, which will take care of the server part and get you up and running right away.

react-native-hooks - React Native APIs turned into React Hooks for use in functional React components

  •    Javascript

React Native APIs turned into React Hooks allowing you to access asynchronous APIs directly in your functional components. AppState will change between one of 'active', 'background', or (iOS) 'inactive' when the app is closed or put into the background.

simplebar - Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser

  •    CSS

⚠️ SimpleBar v3 is here! Check out the beta version. npm install simplebar@3.0.0-beta.0. If you're using React, you should use our React version! npm install simplebar-react@0.0.1-beta.0. SimpleBar is a plugin that tries to solve a long time problem : how to get custom scrollbars for your web-app? SimpleBar does NOT implement a custom scroll behaviour. It keeps the native overflow: auto scroll and only replace the scrollbar visual appearance.

react-fns - Browser API's turned into declarative React components and HoC's

  •    TypeScript

react-fns is a collection of imperative Browser API's turned into declarative React components and higher-order components for lots of common situations.There's a lot more to do. The goal is to standardize almost every Web API on MDN.

react-native-calendar-events - React Native Module for iOS and Android Calendar Events

  •    Java

A React Native module to help access and save events to iOS and Android calendars. This package assumes that you already have a React Native project or are familiar with React Native. If not, checkout the official documentation for more details about getting started with React Native.

react-universal - React, redux, react-router, graphql, postgres, koa, universal starter-kit

  •    Javascript

A react starter kit that handles universal rendering as well as a bunch of another neat things. This is sort of a living spec for how I build web applications. react-relay, though the tools are included to get started with Relay, including the graphql backend, I've decided to not include the start of a Relay based front end until server-side rendering hooks are exposed [facebook/relay#136].

use-immer - Use immer to drive state with a React hooks

  •    TypeScript

A hook to use immer as a React hook to manipulate state. useImmer(initialState) is very similar to useState. The function returns a tuple, the first value of the tuple is the current state, the second is the updater function, which accepts an immer producer function, in which the draft can be mutated freely, until the producer ends and the changes will be made immutable and become the next state.

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

user-event - 🐕 Simulate user events for react-testing-library

  •    Javascript

Simulate user events for react-testing-library. user-event tries to simulate the real events that would happen in the browser as the user interacts with it. For example would change the state of the checkbox.

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.