6 ms·
Looking to learn and build a react app, should I start with this? Did review some html css prior.
by moneywoes 4y ago
Looking to learn and build a react app, should I start with this?
Did review some html css prior.
- smt88 4y agoAnt Design is phenomenal, mature, and fully featured. I highly recommend it instead of this.
- moneywoes 4y agoIs it better than Tailwind UI?
- smt88 4y agoI despise flat/Material design and Tailwind's entire philosophy, so I would say "yes"
- crucialfelix 4y agoBut 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.
- smt88 4y ago> 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 https://ant.design/docs/react/customize-theme
- nwienert 4y agoTamagui gets you Chakra-like features with even better theming, performance and works on Native to boot.
- crucialfelix 4y agoUsers 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
- no_wizard 4y agoand 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.
- smt88 4y agoI'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.
- deleted 4y ago[deleted]
- zdragnar 4y agoIf 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.
- brundolf 4y agoTotally 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
- jstummbillig 4y agoAgreed. 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.
- steventey 4y agoI 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)
- moneywoes 4y agoAny courses you suggest? Was looking at frontend masters Also tailwindui or mui or ant?
- reducesuffering 4y agoDo the official Next.js tutorial [0]. Tailwindcss yes, TailwindUI are paid components. Not mui. [0] https://nextjs.org/learn/foundations/about-nextjs?utm_source=next-site&utm_medium=nav-cta&utm_campaign=next-website https://nextjs.org/learn/foundations/about-nextjs?utm_source...
- DangitBobby 4y agoMUI is fine but I wouldn't use it until you have some experience.