Ideas about what frontend libraries/patterns we should use?

[grgp]

Hey everyone 👋

As the title says, I'm wondering how should we build the frontend for this project. Whether it's specific libraries, or just the general pattern on how should we structure our code. And since this is a React project, how to pass data between components.

I'll totally accept anything, but just for reference my usual go-tos are:

• Chakra UI for the component library.
• Use regular React Context and useContext to pass data around.
• Rely on colocation for most things to decide where things should be placed.
• Idk that's it really. I've heard https://react-hook-form.com/ a lot but I haven't used it.

Thoughts?

[mgilangjanuar]

Cool stuff, George!

Personally, I'm open to all possibilities. Usually, I use ant design they also have useForm hooks 😂. This is one of my projects that uses it: mgilangjanuar/tamagotreal. But, yes that library is too light and some components are complicated to customize 🤔

[Aqshola]

I think using react plus chakra ui is good, but kinda confuse choosing react hooks / redux

[mgilangjanuar]

Whoa so many front-end enthusiasts here :')

Good, we'll use Chakra as the component library 🎊

[mgilangjanuar]

Anw, for the data fetching, I prefer to use swr. And using axios for the fetcher.

[grgp]

Hey also, what should we use for routing? Just regular react-router-dom?

Edit: swr looks cool let's use that, I've usually used react-query but from what I can see they're basically the same haha.

[mgilangjanuar]

Yup, I agree with using react-router-dom.

They just release v1.0 🤣

[grgp]

Nice, I'll make a PR for installing them then.