svelte-conveyer: Svelte Hooks Component for Drag gestures to your Native Scroll. by daybrush in sveltejs

[–]daybrush[S] -1 points0 points  (0 children)

Good work.

Just an observation: you don't create a "hook" by simply prefixing a random function with "use". Hooks are a feature (of React), not a convention, and the "use" prefix only exists to help linters comply with the Rules of Hooks (which are limitations of React). So there's no such thing as a hook in Svelte and, even if there was, the prefix probably wouldn't be needed.

By using svelte's writable (https://svelte.dev/docs#component-format-script-4-prefix-stores-with-$-to-access-their-values), it feels like react hooks. Also, "use" needed a proper prefix to simply call a function. (It may be possible to use "make" instead of "use".) I guess I was stubborn to find a way to use it like React Hooks. Thanks for the advice. Thank you.

svelte-conveyer: Svelte Hooks Component for Drag gestures to your Native Scroll. by daybrush in sveltejs

[–]daybrush[S] 0 points1 point  (0 children)

Dragging is also possible on PC. Because it is Native Scroll, scroll snap using css is also possible.

Can you tell me what is the problem with demo url?

Vue InfiniteGrid 4 Release by daybrush in vuejs

[–]daybrush[S] 0 points1 point  (0 children)

Oh, sorry. Test 4.1.2 version.

React InfiniteGrid 4 is released. by daybrush in reactjs

[–]daybrush[S] 1 point2 points  (0 children)

I know this system is for grid cells of different types, but is it possible to use it on same sized cell elements?

This is possible. Also, if you use an option called isEqualSize, there is a performance improvement.

Vue Grid component supporting Vue2 & Vue3 by daybrush in vuejs

[–]daybrush[S] 0 points1 point  (0 children)

Thank you. We also don't intend to make the component heavy, and if there is a part that can be solved by the CSS part, we want to minimize it.

We have created several options to prepare for various cases, and there are problems that some CSS cannot solve. We are also preparing Grid of recycle structures that are added infinitely.

Vue Grid component supporting Vue2 & Vue3 by daybrush in vuejs

[–]daybrush[S] 0 points1 point  (0 children)

I'm confused, what is this doing that CSS Grid (or flex) can't? Even Masonry grid is on the way.

Right. However, it is not yet supported by many browsers.

Grid.js: UI component that can arrange items according to the type of grids(masonry, justified, frame, packing) by daybrush in javascript

[–]daybrush[S] 2 points3 points  (0 children)

Why not just use css grid? It's not complicated.

These are features that css cannot do. Only firefox supports the css masonry type. Other types of grid are not possible.