My Top 5 React Libraries for 2023

With 100000000 libraries to choose from, which ones actually improve your code? Which ones really save you time? Here's 5 NPM libraries I've worked with a LOT and I thought it would be irresponsible to not share 'em.

-- my links

[gregthomas]

1) Zod
2) Tanstack react-query
3) Shadcn
4) react hook forms
5) cn

I can attest that these are top-tier libraries.

[freeguy]

0:26 - ZOD
1:26 - Tanstack React-Query
2:20 - Shadcn UI
3:11 - React Hook Forms
3:56 - Cn

[littlehobbyshop]

I just started a new project using all 5 of these! Great list. I would love to see you run through a video using the shadcn components with react-hook-form. They mostly work nicely together but where I've struggled a bit is refactoring the form inputs as re-usable components with Typescript. I've ended up with some crazy type juggling and there must be a better way.

[adamjenkins]

Thanks for these. Very useful for knowing up to date tech out there for web dev.

[animegeek-]

Mad respect for your choices, I am using them as well.

[heyjitendra]

Thanks Josh. Last one gonna be very helpful

[shahariarniloy]

Can we have a comparison video like zod vs yup, react-query vs swr, react-hook-form vs formik, shadcnui vs any other ui library. ??

[potatobot]

Whenever Josh uploads a video I know I will either know something useful or it will enrich the vibe! THANKS FOR THE CONSISTENCY MAN :)

[aristide_F]

thank you Josh
I really appreciate your content

[BaldeepSingh]

The funny thing is I am using all these libararies currently for my current project and absolutely adore them too.
From performance to DX, all bases are covered in these

[faraonch]

I 100% agree with your choice and have been using exactly the same for months or even years.

[Saradomin]

Class Variance Authority (CVA) is also good. Especially if you're working your reusable atomic components from scratch.

[igo_]

top tier libs! i have used all of them, except for shadcn, but i'll give it a try in my next project.

[rajmuhammedakbarshineam]

Yup is a good library for client side validation, also Joi can use in the serverside validation too.

[faizanahmed]

Out of all of them, I appreciate you added Zod at the top. It is by far the best schema validation library in TS.

[aliarslanansari]

Josh, your list of libraries is excellent!

I've had a bad experience with tailwind-merge because it removes text-sm if it is added before text-blue-100. Since one class modifies the font size and the other class modifies the color, tailwind-merge removes one of them based on their order of appearance.

[anggahermawanAndroidDeveloper]

I've been working on all those Libraries and it's worth it

[mobix]

Hey josh. I always love how you simplify hard topics. can you make a video for Next JS and Planetscale? and How to add google adsense to next JS 13.4 ? beginner friendly.

[firebird]

Thanks, Josh. Love the channel. What would you recommend this year for data visualization in a NextJS application?

[nilsandresen]

I was hoping for shadcn and wasn’t disappointed