react-swipeable - React swipe event handler hook

  •        81

Use the hook and set your swipe(d) handlers. Spread handlers onto the element you wish to track swipes on.

https://github.com/FormidableLabs/react-swipeable

Tags
Implementation
License
Platform

   




Related Projects

react-swipeable-views - A React component for swipeable views. :snowflake:

  •    Javascript

A React component for swipeable views. Check out the demos from a mobile device (real or emulated). It's tiny (<10 kB gzipped), it quickly renders the first slide, then lazy-loads the others.

react-native-swipe-list-view - A React Native ListView component with rows that swipe open and closed

  •    Javascript

Please see the section Migrating To FlatList for all details. Migrating to SectionList is very similar. Please see example.js for a full usage example.

react-swipe-views - A React Component for binded Tabs and Swipeable Views

  •    Javascript

This library is not maintained anymore. Do not use it. It has not been updated since React 0.14 and breaks with versions of React Router higher than 0.13.

swipe - Swipe is the most accurate touch slider. Support both React and Angular.

  •    Javascript

Swipe is the most accurate touch slider. It is extremely lightweight (only 6kb minified) and works across all browsers, including IE7+. You can install this package directly via Bower bower install swipe-js or NPM npm install swipejs.


react-native-tab-view - A cross-platform Tab View component for React Native

  •    Javascript

A cross-platform Tab View component for React Native. This is a JavaScript-only implementation of swipeable tab views. It's super customizable, allowing you to do things like coverflow.

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-native-touch-id - React Native authentication with the native Touch ID popup.

  •    Java

React Native Touch ID is a React Native library for authenticating users with biometric authentication methods like Face ID and Touch ID on both iOS and Android (experimental). In order to use Biometric Authentication, you must first link the library to your project.

redux-react-hook - React Hook for accessing state and dispatch from a Redux store

  •    TypeScript

React hook for accessing mapped state and dispatch from a Redux store. NOTE: React hooks require react and react-dom version 16.8.0 or higher.

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.

use-query-params - React Hook for managing state in URL query parameters with easy serialization.

  •    TypeScript

A React Hook, HOC, and Render Props solution for managing state in URL query parameters with easy serialization. Works with React Router and Reach Router out of the box. TypeScript supported.

react-swipe - Swipe.js as a React component

  •    Javascript

Brad Birdsall's Swipe.js as a React component.Check out the demo from a mobile device (real or emulated).

react-native-ultimate-listview - A high performance FlatList providing customised pull-to-refresh | auto-pagination & infinite-scrolling | gridview layout | swipeable-row

  •    Javascript

This module supports both of iOS and Android platforms. Know Issue (v3.3.0): On Android, if you are using CustomRefreshView, and the total hight of your first load data is less than your device height, then the RefreshView may still sticky on the top. However, if the data you loaded is beyond your screen, everything's fine. This issue only happen on Android, any PR is welcome.

react-sidebar - A sidebar component for React

  •    Javascript

See a demo here. Note: The sidebar touch functionality doesn't work on IOS because of the "swipe-to-go-back" feature. Therefore the functionality has been disabled on IOS.

react-native-sketch - 🎨 A React Native <Sketch /> component for touch-based drawing.

  •    Objective-C

A React Native component for touch-based drawing. The project contains a folder examples that contains few demos of how to use react-native-sketch. Just copy and paste the code to your React Native application.

react-hooks - Collection of react hooks

  •    TypeScript

This is a collection of frequently used react hooks to support development within baidu, contributions from community are also welcomed. This is a typical pnpm workspace based monorepo, each hook creates a package in packages folder, the folder name is dash-cased and without the use prefix.

react-native-modalbox - A <Modal/> component for react-native

  •    Javascript

A react native component, easy, fully customizable, implementing the 'swipe down to close' feature. Check index.js in the Example folder.

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.






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.