react-grid-layout
react-dates
Our great sponsors
react-grid-layout | react-dates | |
---|---|---|
18 | 3 | |
19,450 | 12,191 | |
1.7% | 0.0% | |
7.1 | 0.0 | |
5 days ago | 16 days ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-grid-layout
-
Essential tools for implementing React panel layouts
You can find additional information about the React-Grid-Layout in the repository and documentation.
-
Casca.Space: a Chrome extension for your focus and productivity
This is react-grid-layout with some custom logic https://github.com/react-grid-layout/react-grid-layout
-
Is there a library for grid-based drag-n-drop?
react-grid-layout looks like a good candidate, but it seems like it lacks a way to customize/add rules for positioning elements to prevent "stacks" of elements. Imagine a user models a brick wall and you want to prevent users from stacking bricks above each other (prevent bricks stack bond and allow something like running bond brick pattern)
-
I made a website builder that works like Notion
I was looking to build a somewhat similar project with react and react grid layout.
- Is there anything like react-grid-layour for RN?
-
Is there a way to create a drag and drop prototype for multiple components in figma?
Would it be possible to prototype something like this in figma? http://react-grid-layout.github.io/react-grid-layout/examples/0-showcase.html
-
25 React component libraries you just might need for your next project!
react-grid-layout A draggable and resizable grid layout with responsive breakpoints, for React.
- How to Build Resizeable Panels Like Tailwind
-
what should I use to build a map-builder?
A lot of projects seem to like: https://github.com/react-grid-layout/react-grid-layout
-
Dashboard builder
I’ve done that before using react grid layout (https://github.com/react-grid-layout/react-grid-layout) to allow for moving and resizing components, and then a lot of custom code. Having a well thought architecture makes a lot of difference there.
react-dates
-
25 React component libraries you just might need for your next project!
react-dates An easily internationalizable, mobile-friendly datepicker library for the web.
-
react-dates: disabling the default calendar popup
`ReactDateRangePicker`, gives it's own date picker to use(see ss: https://i.stack.imgur.com/6mkER.png)
-
Things to Consider When Choosing a Component Library
This was the case for Airbnb with the popular react-dates project. They tried out solutions and had to change so much code that, at some point, they decided to build their own. The answer to the question of whether to create a component library is, as always, that it depends.
What are some alternatives?
golden-layout - A multi window layout manager for webapps
react-datepicker - A simple and reusable datepicker component for React
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
react-date-range - A React component for choosing dates and date ranges.
react-flexbox-grid - A set of React components implementing flexboxgrid with the power of CSS Modules.
react-big-calendar - gcal/outlook like calendar component
react-stack-grid
react-day-picker - DayPicker is a customizable date picker component for React. Add date pickers, calendars, and date inputs to your web applications.
muuri-react - The layout engine for React
react-datetime - A lightweight but complete datetime picker react component.
react-masonry-component - A React.js component for using @desandro's Masonry
react-bootstrap-datetimepicker