react-swipe-views alternatives and similar libraries
Based on the "UI Navigation" category.
Alternatively, view react-swipe-views alternatives based on common mentions on social networks and blogs.
Do you think we are missing an alternative of react-swipe-views or a related project?
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 instead.
React Swipe Views
A React component for binded Tabs and Swipeable Views
See Swipe Views on the Android Design Patterns website for inspiration.
Works with optional React Router (v0.13.x only), as a pure component or as a standalone component.
Demo
[Demo](docs/demo.gif)
Quick Example
'use strict';
import React from 'react';
import SwipeViews from 'react-swipe-views';
export default class App extends React.Component {
render() {
return (
<SwipeViews>
<div title="Tab 1">
Page 1
</div>
<div title="Tab 2">
Page 2
</div>
<div title="Tab 3">
Page 3
</div>
</SwipeViews>
);
}
}
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 for making me believe in JavaScript
- React for being awesome
- Babel for removing so much pain from transpiling/compiling/bundling
- Dan Abramov for all the useful ressources, in this case React Hot Boilerplate
- Hassan Hayat's Swipe Pages WebComponent for inspiration
- Ferran Negre for helping me debug
License
MIT
*Note that all licence references and agreements mentioned in the react-swipe-views README section above
are relevant to that project's source code only.