https://github.com/damusnet/react-swipe-views

A React Component for binded Tabs and Swipeable Views
https://github.com/damusnet/react-swipe-views

Last synced: about 2 months ago
JSON representation

A React Component for binded Tabs and Swipeable Views

• Host: GitHub
• URL: https://github.com/damusnet/react-swipe-views
• Owner: damusnet
• License: mit
• Archived: true
• Created: 2015-04-06T19:31:14.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-07-30T14:30:37.000Z (over 8 years ago)
• Last Synced: 2024-10-19T20:16:24.071Z (about 2 months ago)
• Language: JavaScript
• Homepage: http://damusnet.github.io/react-swipe-views/
• Size: 768 KB
• Stars: 279
• Watchers: 15
• Forks: 44
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-components-all - react-swipe-views - A React Component for binded Tabs and Swipeable Views. (Uncategorized / Uncategorized)
• awesome-list - react-swipe-views - A React Component for binded Tabs and Swipeable Views. (Demos / UI Navigation)

README

        
>## WARNING DEPRECATION NOTICE

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

>Check out [react-swipeable-views](https://github.com/oliviertassinari/react-swipeable-views) instead.

# React Swipe Views [![deprecated](https://img.shields.io/badge/status-deprecated-red.svg)](http://shields.io/)

A React component for binded Tabs and Swipeable Views

See [Swipe Views](http://developer.android.com/design/patterns/swipe-views.html) on the Android Design Patterns website for inspiration.

Works with optional [React Router](https://github.com/rackt/react-router) (v0.13.x only), as a pure component or as a standalone component.

## Demo

[Live example](http://damusnet.github.io/react-swipe-views/)

![Demo](docs/demo.gif)

## Quick Example

```jsx

'use strict';

import React from 'react';

import SwipeViews from 'react-swipe-views';

export default class App extends React.Component {

  render() {

    return (

      

        


          Page 1

        

        


          Page 2

        

        


          Page 3

        

      

    );

  }

}

```


## Install

This component is available as an npm module or a bower component:

```

npm install react-swipe-views --save

```

or

```

bower install react-swipe-views --save

```

## Examples

There are two example projects in the [/examples](examples) folder. One is using the npm module and webpack as a build tool with react-router, the other uses bower and brunch as a pure component.

## TODO List

- Allow for content to be inserted in the header

- Write tests

## Thanks

- [David Bruant](https://twitter.com/davidbruant) for making me believe in JavaScript

- [React](http://facebook.github.io/react/) for being awesome

- [Babel](http://babeljs.io/) for removing so much pain from transpiling/compiling/bundling

- [Dan Abramov](https://github.com/gaearon) for all the useful ressources, in this case [React Hot Boilerplate](https://github.com/gaearon/react-hot-boilerplate)

- [Hassan Hayat](https://github.com/TheSeamau5)'s [Swipe Pages WebComponent](https://github.com/TheSeamau5/swipe-pages) for inspiration

- [Ferran Negre](https://github.com/ferrannp) for helping me debug

## License

MIT