Hacker News Reader

Comment by moneywoes | Hacker News Reader

Looking to learn and build a react app, should I start with this?

Did review some html css prior.

If you want to learn, my advice would be to focus on learning one thing at a time. Pick up react. Just react. NextJS (and other libraries included here) solve specific problems in specific ways. It's hard to know if they solve them in the way that works for you if you don't understand the problem they are solving, or what other approaches might look like.

Once you're comfortable with how react works, then start layering in additional libraries and tools, and get a feel for how they work. You may also find they introduce new pain points that don't work for your particular project. When you're trying to learn everything all at once, it's hard to figure out where a pain point is even coming from.

Totally disagree. Trying to fully understand a stack this tall from the get-go would be a huge barrier

One of the best things about Next is that it configures everything for you and lets you just start writing some React code and seeing results. I would recommend the GP start with Next, and dig deeper as they go along

Agreed. React by itself is mostly unusable for building anything – although that is slowly changing but alas: NextJS gives you a more solid starting point to build stuff around React.

Precedent seems a little half-hearted at this point.

I highly recommend learning Next.js as a way to learn React – it is built on top of React and focuses on some of the most important hooks (useState, useEffect) while also giving you functions for server-side rendering that help make sure your app is performant from the get-go.

That's actually how I learned React myself :)

Disclaimer: I work at Vercel (we maintain Next.js)

Any courses you suggest? Was looking at frontend masters

Also tailwindui or mui or ant?

Do the official Next.js tutorial [0]. Tailwindcss yes, TailwindUI are paid components. Not mui.

[0] https://nextjs.org/learn/foundations/about-nextjs?utm_source...

MUI is fine but I wouldn't use it until you have some experience.

Ant Design is phenomenal, mature, and fully featured. I highly recommend it instead of this.

Is it better than Tailwind UI?

I despise flat/Material design and Tailwind's entire philosophy, so I would say "yes"

But it's very hard to not look like Ant. Some of the components are great though.

Chakra is easy to design with, and fully accessible. Well thought out.

> But it's very hard to not look like Ant.

I don't know why this matters. Users certainly don't notice or care. Worrying about it early in the development cycle is a waste of time.

They also have general theming to allow you to quickly get it to look like your brand's colors: https://ant.design/docs/react/customize-theme

Tamagui gets you Chakra-like features with even better theming, performance and works on Native to boot.

Users may or may not care, but Product Managers and designers definitely do.

FWIW I added css that overrode ant's. It was the simplest and easiest way. It was a step progress component

and if this matters at all, the documentation is not that great, IMO. It suffers from some translation issues and isn't always very clear.

I also audited their code quite a few times, and they do some very bizarre things in the name of "performance" under the hood.

I've never had issues with the docs.

The under-the-hood stuff also has never bitten me and that's exactly what I want an isolated, composable component to do for me anyway. Performance is excellent.

Reply on news.ycombinator.com