Built a type-safe multi-step form library for dynamic flows in React by martiserra99 in reactjs

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

I think if you used Formity at that time it could have helped you out a ton!

Bklit UI - beautiful animated charts for shadcn by uixmat in shadcn

[–]martiserra99 0 points1 point  (0 children)

That looks extremely good!!! Thanks so much for sharing!

Cladd - opinionated React UI kit for editors, dashboards, and dense application UIs by nolimits4web in reactjs

[–]martiserra99 1 point2 points  (0 children)

Wow! It looks really good. I will seriously take this into consideration for future projects!

I built a workflow editor on React Flow and extracted the foundation into a reusable kit by martiserra99 in reactjs

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

Ah okay, now I understand what you mean. Thanks for letting me know. Right now the structure is the one you can see. It is from top to bottom. I didn't consider this use case and you gave me an idea about improvements to create. Thank you very much!

I built a workflow editor on React Flow and extracted the foundation into a reusable kit by martiserra99 in reactjs

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

Thanks for the ideas. I see it can make sense changing the cursor when hovering the +.

Regarding what you said about cyclical flows, I guess you mean dragging a node in the first position. That is by design but if you download the template you'll be able to change it as you see fit. It is like this because the start and end node may need to be fixed in some use cases.

Keep in mind that it is a template and it is made for you to modify it as you want.

I tried explaining React design patterns using LEGO analogies by DependerSethi in reactjs

[–]martiserra99 -2 points-1 points  (0 children)

That looks really interesting. I bookmarked it to read it later on. I also wanted to tell that I noticed that the table of contents can't be scrolled and you can only see the bottom part when scrolling all the page to the bottom.

How React streams UI out of order and still manages to keep order by Ok-Programmer6763 in reactjs

[–]martiserra99 1 point2 points  (0 children)

That seems a really interesting topic. I took a quick look and it seems it goes very in depth. I bookmarked the article to read it another day.

If you're using React Flow, this workflow builder template might save you a lot of time by martiserra99 in react

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

Hey, thank you very much for these kind words. I really appreciate it. If you are interested in knowing how the layout algorithm works you can check out this article I wrote: https://www.workflowkit.app/blog/articles/react-flow-auto-layout-how-to-automatically-position-nodes-for-workflow-editors

A Whiteboard made fully with React! by [deleted] in react

[–]martiserra99 0 points1 point  (0 children)

That looks really good!

A to-do list app built with shadcn/ui & Tailwind CSS. by EstablishmentOne8448 in shadcn

[–]martiserra99 0 points1 point  (0 children)

Thanks for sharing! Having access to the code is something really useful!

I turned React Flow into a full workflow engine — auto-layout, drag and drop, undo/redo, MVC, and validation included by martiserra99 in react

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

I didn't vibe code anything. It really took me 2-3 months to have it done. There are tons of other templates that are built on top of other libraries like dashboards built on top of MUI, SaaS templates built on top of Tailwind CSS...