GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → jaychsu → react-native-reseau

jaychsu / react-native-reseau

Licence: MIT License
[WIP] An ios-like grid view based on react-native.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

listreact-nativegridsortabledraggablefoldablemulti-selectableios-likegrid-view

Projects that are alternatives of or similar to react-native-reseau

Dragact
a dragger layout system with React style .
Stars: ✭ 710 (+5361.54%)
Mutual labels:  grid, sortable, draggable
React Sortable Hoc
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
Stars: ✭ 9,747 (+74876.92%)
Mutual labels:  grid, sortable
Svelte Grid
A responsive, draggable and resizable grid layout, for Svelte.
Stars: ✭ 473 (+3538.46%)
Mutual labels:  grid, draggable
Angular Grid Layout
Responsive grid with draggable and resizable items for Angular applications.
Stars: ✭ 163 (+1153.85%)
Mutual labels:  grid, draggable
Plain Draggable
The simple and high performance library to allow HTML/SVG element to be dragged.
Stars: ✭ 362 (+2684.62%)
Mutual labels:  grid, draggable
Gijgo
Gijgo - Free Javascript Controls
Stars: ✭ 424 (+3161.54%)
Mutual labels:  grid, draggable
Reactables
GigaTables is a ReactJS plug-in to help web-developers process table-data in applications and CMS, CRM, ERP or similar systems.
Stars: ✭ 112 (+761.54%)
Mutual labels:  grid, sortable
Lean Mean Drag And Drop
Drag&Drop Sorting and Reordering script for complex nested structures
Stars: ✭ 107 (+723.08%)
Mutual labels:  sortable, draggable
Tabulator
Interactive Tables and Data Grids for JavaScript
Stars: ✭ 4,329 (+33200%)
Mutual labels:  list, grid
React Virtualized
React components for efficiently rendering large lists and tabular data
Stars: ✭ 22,963 (+176538.46%)
Mutual labels:  list, grid
Griddle
Simple Grid Component written in React
Stars: ✭ 2,494 (+19084.62%)
Mutual labels:  list, grid
Ngx Smooth Dnd
angular wrapper for smooth-dnd
Stars: ✭ 152 (+1069.23%)
Mutual labels:  sortable, draggable
Dnd Kit
A modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
Stars: ✭ 3,456 (+26484.62%)
Mutual labels:  sortable, draggable
React Smooth Dnd
react wrapper components for smooth-dnd
Stars: ✭ 1,560 (+11900%)
Mutual labels:  sortable, draggable
dflex
The sophisticated Drag and Drop library you've been waiting for 🥳
Stars: ✭ 806 (+6100%)
Mutual labels:  sortable, draggable
Muuri
Infinite responsive, sortable, filterable and draggable layouts
Stars: ✭ 9,797 (+75261.54%)
Mutual labels:  grid, draggable
Vue Smooth Dnd
Vue wrapper components for smooth-dnd
Stars: ✭ 1,121 (+8523.08%)
Mutual labels:  sortable, draggable
Jquery Sortablejs
A jQuery binding for SortableJS
Stars: ✭ 94 (+623.08%)
Mutual labels:  sortable, draggable
React Gridlist
A virtual-scrolling GridList component based on CSS Grids
Stars: ✭ 394 (+2930.77%)
Mutual labels:  list, grid
vue-dnd-zone
vue.js plugin for drag and drop functionality
Stars: ✭ 144 (+1007.69%)
Mutual labels:  sortable, draggable
View All Similar Projects ➔

react-native-reseau

[WIP] This project is still in progress.

Usage

import Reseau from 'react-native-reseau'

const data = [
  { src: require('./assets/Facebook.jpg'), title: 'Facebook', anything: 123 },
  { src: 'http://iosicongallery.com/img/256/instagram-2016.png', title: 'Instagram', anything: 564 },
  { src: 'data:image/png;base64,iVBORw0KGgoAAAANS...', title: 'Facebook Messenger', anything: 314 },
]

<Reseau data={data} />

Special props in data:

  • o?: number order
  • g?: string group name

Development

  1. Clone the enviroment project: jaychsu/react-native-env.
  2. Update the submodule called react-native-reseau.
  3. Run command to start, for example: react-native run-ios.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].