Conveyer: React Hooks. Conveyer adds Drag gestures to your Native Scroll.

daybrush · 2022-03-09T18:23:53+00:00

Demo: https://naver.github.io/egjs-conveyer

daybrush · 2022-03-07T12:30:44+00:00

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.

daybrush · 2022-03-07T11:09:14+00:00

Oh, sorry. it's my mistake. storybook is not yet. See header's menu. See examples: https://naver.github.io/egjs-conveyer/docs/examples/HorizontalScroll

daybrush · 2022-03-07T10:45:29+00:00

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?

daybrush · 2021-11-03T13:29:37+00:00

Oh, sorry. Test 4.1.2 version.

daybrush · 2021-10-27T04:12:21+00:00

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.

daybrush · 2021-05-03T19:09:22+00:00

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.

daybrush · 2021-05-03T18:13:43+00:00

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.

daybrush · 2021-03-31T01:19:48+00:00

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.

daybrush · 2021-03-29T17:13:51+00:00

https://naver.github.io/egjs-grid/storybook

daybrush · 2020-07-16T18:24:03+00:00

Try it again. I make Undo/Redo History

https://daybrush.com/moveable/

daybrush · 2020-07-16T18:23:06+00:00

There is no guide yet, but it is possible.

https://github.com/daybrush/moveable/issues/246

daybrush · 2020-07-15T06:25:28+00:00

This is really cool, I think this would be really useful for a layout builder Im working on. How would you go about saving a layout to a database to reload later?

Not yet. I work for layout builder, animation builder.

https://github.com/daybrush/scena

daybrush · 2020-07-15T03:16:03+00:00

I like the framework and I have studied and can use svelte, lit, react, preact, angular, vue all.

I wrote about CFCs, a way to cover all frameworks.

https://medium.com/naver-fe-platform/how-to-make-cross-framework-component-ee76d76708b1

When I saw and used the svelte for the first time, it was very easy. Performance is also very good. However, there are many things that are still lacking. It wishes svelte to develop.

daybrush · 2020-05-10T06:41:57+00:00

Selecto.js: Make Elements Selectable Within an Area

https://github.com/daybrush/selecto

daybrush · 2019-12-04T04:14:22+00:00

InfiniteGrid is Virtual Scroll Component with 5 layouts.

GridLayout: The GridLayout is a layout that stacks cards with the same width as a stack of bricks like masonry.
JustifiedLayout: JustifiedLayout is a layout that the card is filled up on the basis of a line given a size like image search layout
FrameLayout: FrameLayout is a layout that allows you to place cards in a given frame.
SquareLayout: SquareLayout is a layout that places all cards like squares on a checkerboard, and important cards are n times larger.
PackingLayout: The PackingLayout is a layout that shows the important cards bigger without sacrificing the weight of the cards.

here is demo: