0.16.3 • Published 9 years ago
react-pre v0.16.3
react-pre
Lightweight grid framework built on top of react-virtualized / fixed-data-table for easy highly customizable grids generated from redux state.
Install
npm i -S react-pre
Usage
UserGrid.js
import React from 'react'
import { connect } from 'react-redux'
import ReactVirtualized from 'react-virtualized'
import { createGrid } from 'react-pre'
const { Grid } = createGrid({ React, connect, ReactVirtualized })
/** Create a grid to show users first name, last name, and age from redux */
export default props => (
<Grid
mapCols={
/** Map redux state to object with column name keys and header component values */
state => ({ first: <div>First Name</div>
, last: <div>Last Name</div>
, age: { render: <div>Age</div>, width: 100 }
})
}
mapRows={
/** Map redux state to grid rows. */
state => state.users.map(x => [x.first, x.last, x.age])
}
/>
)
Test
See react-pre's test project at react-pre-test
In active development, come back in a few days.
0.16.3
9 years ago
0.16.1
9 years ago
0.15.0
9 years ago
0.13.1
9 years ago
0.14.1
9 years ago
0.14.0
9 years ago
0.12.1
9 years ago
0.12.0
9 years ago
0.11.6
9 years ago
0.11.5
9 years ago
0.11.4
9 years ago
0.11.3
9 years ago
0.11.2
9 years ago
0.11.1
9 years ago
0.11.0
9 years ago
0.10.1
9 years ago
0.10.0
9 years ago
0.9.2
9 years ago
0.9.1
9 years ago
0.9.0
9 years ago
0.8.1
9 years ago
0.8.0
9 years ago
0.7.3
9 years ago
0.7.2
9 years ago
0.7.1
9 years ago
0.7.0
9 years ago
0.6.4
9 years ago
0.6.3
9 years ago
0.6.0
9 years ago
0.5.7
9 years ago
0.5.0
9 years ago
0.4.5
9 years ago
0.4.3
9 years ago
0.4.1
9 years ago
0.4.0
9 years ago