autoresponsive-react - Auto Responsive Layout Library For React

  •        81

Auto responsive grid layout library for React.See our CONTRIBUTING.md for information on how to contribute.

https://xudafeng.github.com/autoresponsive-react
https://github.com/xudafeng/autoresponsive-react

Tags
Implementation
License
Platform

   




Related Projects


react-absolute-grid - An absolutely positioned, animated, filterable, sortable, drag and droppable, ES6 grid for React


An absolute layout grid with animations, filtering, zooming, and drag and drop support. Use your own component as the grid item. See the Demo. The idea behind AbsoluteGrid is high performance. This is achieved by using Translate3d to position each item in the layout. Items are never removed from the DOM, instead they are hidden. For best performance you should avoid re-arranging or removing items which you pass into AbsoluteGrid, instead you can use the filtered and sort properties to hide or sort an item. Those properties are customizable using the keyProp and filterProp properties. In addition, all data passed must be immutable so that we don't waste any renders.

react-pivottable - React-based drag'n'drop pivot table with Plotly.js charts


react-pivottable is a React-based pivot table library with drag'n'drop functionality. It is a React port of the jQuery-based PivotTable.js by the same author. react-pivottable is part of Plotly's React Component Suite for building data visualization Web apps and products.

react-html-email - Create elegant HTML email templates using React.


Modern HTML emails are a tangle of archaic HTML and inline styles. This library encapsulates the cruft into simple React components and helps avoid common pitfalls. react-html-email provides a set of components for a standard 600px table layout (inspired by HTML Email Boilerplate). React's Supported Tags and Attributes are extended to include a few deprecated attributes useful for legacy clients. In addition, a style prop validator is included which uses Campaign Monitor's CSS Support Guide to check for potential compatibility issues across email clients.

ngReactGrid - A really fast Angular grid using the power of React to render


NOTE: Active development of this project has stopped. All new development is being done on the https://github.com/josebalius/react-grid project which will contain most of ngReactGrid's functionality with adapters for Angular 1.x, 2.x and KnockoutJS. ngReactGrid is an Angular directive that can be used to render an enhanced HTML table or grid of data very fast using React as the rendering engine.

react-flexbox-grid - A set of React components implementing flexboxgrid with the power of CSS Modules


react-flexbox-grid is a set of React components that implement flexboxgrid.css. It even has an optional support for CSS Modules with some extra configuration.react-flexbox-grid imports the styles from flexboxgrid, that's why we're configuring the loader for it.

React - JavaScript library for building user interfaces


React is a JavaScript library for building user interfaces. Lots of people use React as the V in MVC. React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. React can also render on the server using Node and power mobile apps using React Native.

Reactivesearch - A React components library for building awesome search UIs


A React components library for building Airbnb / Yelp like search experiences. It is a React components library for building realtime search experiences. It is built on top of the appbase.io realtime DB service and ships with 25+ components for Lists, Dropdowns, Range Sliders, Data Search, Multi Level Menu, Calendars, Feeds Maps, Ratings Filter, Result Cards and Result Lists.

react-tunnels - 🚇 Render React components in placeholders that are placed somewhere else in the component tree


Render React components in placeholders that are placed somewhere else in the component tree. There is a common use case in React apps where you want to define a Layout where the content of some elements is defined by children components. For example, you want to define Layout just once and reuse it for every page but it has a breadcrumb whose steps depend on children components. This tiny library allows you to define tunnels to render from an element to whatever another element in the App, even elements located on top of the tree. It's like Portal but the target is a component instead of a DOM element.

react-dimensions - [Looking for maintainers]


React higher-order component to get the dimensions of a wrapper element and pass them as properties to the child element. DEVELOPMENT STATUS: I'm not really using this any more since for grids/tables in React I've switched from fixed-data-table (which I was using this for) to react-virtualized which includes similar functionality to this with the Autosizer. I'm happy for someone else to take this module on.

react-server-routing-example - An example using universal client/server routing and data in React with AWS DynamoDB


A simple (no compile) example of how to do universal server/browser rendering, routing and data fetching with React and AWS DynamoDB for fast page loads, and search-engine-friendly progressively-enhanced pages.Also known as isomorphic, this approach shares as much browser and server code as possible and allows single-page apps to also render on the server. All React components, as well as router.js and db.js are shared (using browserify) and data fetching needs are declared statically on each component.





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.