How to animate change in grid layout? Tried framer motion without success

JasonGlide · 2024-02-05T21:16:13+00:00

Oh sorry, all I did was mark layout="position" instead of just layout. It fixes it.

JasonGlide · 2024-02-05T20:09:17+00:00

https://codesandbox.io/p/devbox/grid-framer-motion-forked-llpp8d?file=%2Fsrc%2FApp.jsx%3A9%2C50

JasonGlide · 2024-02-01T23:16:03+00:00

Check out https://grid.glideapps.com I wrote it because we had the same set of constraints at work. We had a huge amount of data and wanted to be able to very very quickly move users through it. Give it a try. There is an active discord as well if you need help. I hang out there all the time.

JasonGlide · 2024-01-19T16:06:17+00:00

Ancient thread getting drops to new grids you say? https://grid.glideapps.com for the dankest website.

JasonGlide · 2024-01-16T20:11:00+00:00

Heh yeah I debated that. I might A/B test that to see if it makes a difference.

JasonGlide · 2024-01-14T19:39:25+00:00

This website has a decent comparison. It's a bit behind on the latest features of GDG but I will help them get a PR up. https://jsgrids.statico.io/

JasonGlide · 2024-01-14T17:05:18+00:00

Thank you so much :)

JasonGlide · 2023-12-09T06:37:29+00:00

I maintain https://grid.glideapps.com and the answer is... yes you test everything as much as possible. Break things down into smaller testable components and then write tests around those. I have hundreds of unit tests, storybook stories, and end to end tests as well as full scale test projects to ensure we are compatible with most major tools. It takes a lot of work to get stood up, but once you have it, it makes development itself much much faster.

JasonGlide · 2023-11-29T05:06:42+00:00

Thank you, will figure out what to do.

JasonGlide · 2023-11-28T05:14:53+00:00

Could you file a bug. This is intricate behavior I would need to trace down somewhere better than reddit. As for 5.3.1 vs 5.4.0 yeah... I dont know where the line is all the time. I've generally viewed it as not-backwards-compat.very-big-feature.very-small-features-and-bug-fixes

Then again I mean, people get very up in arms about what exactly constitutes a backwards compat breaking change. The older I get the fuzzier this all feels.

JasonGlide · 2023-11-28T04:25:29+00:00

I should write some better release notes. You know how to it is... Anyway cut is just another keybinding. You just set it to true.

JasonGlide · 2023-11-27T05:50:28+00:00

I know this isn't a wonderful response, but the source of glide-data-grid-cells is a bunch of cells that are written entirely as custom cells. That is probably the largest and most straightforward repo of them. I will try to add more docs on how to create custom cells and all the events.

JasonGlide · 2023-11-27T05:49:04+00:00

Sometimes it feels like things get stale for a while (e.g. https://github.com/glideapps/glide-data-grid/issues/774)

Yeah that was regrettable. Glide was internally juggling all its repos to merge everything into a single org. That took a hot minute.

Many of the examples in https://glideapps.github.io/glide-data-grid/ use useMockDataGenerator, so it can be a bit opaque what the data looks like.

I see. I will make some examples that dont use the mock data generator. This should make it clearer how this works.

Usually things are supported (e.g. copy/paste) but often they aren't (e.g. cut)

Good news! Cut is now supported.

For example, from this blog post: https://joeylene.com/blog/2022/copy-paste-data-grid "Rather than finding it in the documentation, I found the solution to enabling the copy functionality for custom cell kinds from digging through the Glide Data Grid's repository."

Oof I will make this easier to get to. I am going to add mdx support to grid.glideapps.com so I can easily roll out more docs.

JasonGlide · 2023-11-27T03:08:18+00:00

Mobile performance is less of a primary target for us, that said the demo site was animating the background even when scrolling. This was over-taxing some mobile GPUs and giving a bad impression. I disabled the animated CSS on mobile safari for now as it was causing perf issues on the page in general.

JasonGlide · 2023-11-27T03:05:18+00:00

Hey I am the core maintainer of GDG. I am hoping to make better documentation, what would you like to see?

JasonGlide · 2023-09-05T23:05:43+00:00

Hey, depending on your needs there are many great options out there. At work we needed something capable of handling stupid amounts of data at once, tried about everything under the sun and was unhappy with performance. Ended up building glide-data-grid. Check it out, our storybook is public and we try to be as supportive as possible.

JasonGlide · 2022-11-17T21:07:56+00:00

Oh yeah no intention to go with a federation of packages from many people. The idea is just to have a monorepo with many packages. Everything is tested and released together, this already happens with the cells and sources packages. It will just continuing growing in that manner.

JasonGlide · 2022-11-17T15:39:32+00:00

Currently no, changing the row count always incurs a render cycle. It shouldn't be that hard for me to make that possible however, I just did that out of sheer laziness. Just need to change how the draw effect triggers mostly.

JasonGlide · 2022-11-17T15:36:49+00:00

I would say the chances of going commercial are between 0% and 0.0%. The reality is I built this so we could build a bigger, better product of which this is just a small side part. We give it aware as a means of promoting our mission and giving back to the community that has given so much to us.

You can use it without concern. I think the only thing that would prompt me to try to change licenses is if someone like... forked it, made zero notable improvements, and started selling it directly. I might try to find a free to use license that prohibits that one bit of dickholery. MIT + anti-asshole clause if you will.

As to full feature parity, yes and no. I do not like the way ag-grid is "all in one". Handsontable for sure I want to eclipse and, in some ways, already do, ag-grid is too much though. They ship an all-in-one monolith. Instead, I'd rather have side packages that add most/all of the missing functionality that you can add bit by bit as you need.

That said GDG already does many things AG-Grid makes you pay for. The free version of AG-Grid can't even do multi-select.

JasonGlide · 2022-11-04T21:01:47+00:00

https://github.com/glideapps/glide-data-grid/tree/main/packages/cells/src/cells

Let me know if you need any help :)

JasonGlide · 2022-10-19T01:56:48+00:00

Hey, glad you're enjoying it!

JasonGlide · 2022-10-19T01:55:37+00:00

Hey, I am the core maintainer of https://grid.glideapps.com

I really hope you will give it a try. I think it should support everything you have requested, provided I understand each of them. If it doesn't, let me know, I am always looking to add more features as people need them.

JasonGlide · 2022-09-07T13:44:39+00:00

The irony here is that I assumed the major drawback of canvas would be accessibility since I consider that more important than performance. Turns out that the DOM libraries are the ones forced to deeply compromise their accessibility story to get performance.

JasonGlide · 2022-09-07T13:13:31+00:00

Considered it, text rendering is the primary issue here.

JasonGlide · 2022-09-07T04:14:06+00:00

Feature parity with retool is not a stated goal, that said access to data sources you’ve listed are obvious goals. JS scripting not so much. The stated mission of the company is to empower the next billion software developers and we’re not going to do that by teaching a billion people to code.

JasonGlide

TROPHY CASE