The React Ecosystem in 2023

📱 Follow Codevolution

React
React in 2023
React Ecosystem in 2023
Essential React Libraries in 2023

00:00 Intro
00:41 Getting Started
02:01 Routing
02:54 Client State Management
03:51 Server State Management
05:03 Form Handling
06:10 Testing
07:39 Styling
09:21 Component Libraries
10:01 Animation
10:24 Data Vizualization
10:54 Table
11:54 i18n
11:38 DevTools
12:13 Documentation
12:26 Component Dev Env
12:35 Type Checking
12:44 Mobile Apps
13:06 Bonus Section

[panyamtarun]

I love your teaching.

Here is the short notes of the video:
Popular libraries in react

1 Routing -
React router
Tan stack router( light weight, used very less)
2 Client State Management -
Redux tool kit
Zustand (simple & light weight)
3 Server State Management -
Tanstackquery(popular)
Redux tool kit query( if u are using redux)
Apollo client( for graph ql apis)
4 Form Handling
Formik ( simple & but not active in updates)
React Hook form ( beast choice in 2023 )
5 Testing
Vitest ( finds test executes& reports back)
React testing library
Playwrite ( reliable end to end functionality testing )
6 Styling
Tailwindcss
Styledcomponents ( easy to style individual components)
Emotion ( High performant, saas, css, lass are supported)
7 UI component lib
MaterialUI
MantineUI
Ant Design
ChakraUI
8 Animation
React-spring
Frame Motion
9 Data Visualization
Victory
React-chartjs2
Recharts( preffered )
10 Table
Tanstacktable ( popular )
11 Internalization
React-i18
FormatJS
12 Mobile Apps
React Native
Drag & drop functionality - dnd kit
File uploads - react-dropzone
Authentication - FireBase or SupaBase

[alifhasanshahOfficial]

Yes. Please make a series for React Native and some real world project with it. I'm eagerly waiting for this series.

[Iammrunkown]

When anyone asks me the best YouTube channel to learn React or Web development, I take no time to mention yours. You helped me a lot, and I can't thank you enough!

[sanjivanidelekar]

Hi Vishwas, I wanted to take a moment to express my gratitude for the awesome content you've been creating. I like your teaching style.
I would love to see more content related to React Native on your channel. It would be amazing to see you delve deeper into React Native development.
I appreciate the effort you put into making high-quality videos, and I'm confident that your expertise and teaching style would greatly benefit the React community. Keep up the fantastic work, and thank you for being a valuable resource for developers like me!

Gratefully,
Sanjivani

[prasadsawant]

Yes please React Native playlist is much needed.

[andrewwachira]

Hi Vishwas! You are a great teacher, just to say the least. I began my react journey with you and I would love nothing more than to start my React Native journey with you as well. Kindly consider making the series. Thanks.

[ranasarkar]

Hi Biswas, It's been a long time since your tutorials are helping thousands of students & professionals undoubtedly.
Really Looking forward to your React Native Tutorials.

[michealskup]

Hello Vishwas! Thank you for the amazing contents. As a React lover, I really wanna know about React Native. I hope to find a fantastic React Native series in your channel

[nikolayt.]

Hi Vishwas! Adore your right-paced, down to the point teaching style! Can’t wait for an appearance of updated Next.Js course! Keep up the great mission you’re doing by enriching us with with your knowledge!

[dhruv.pandey]

To the point as always. It would be nice to have a series for React native(new framework changes) and some short series on Drag and Drop functionality in React.

[vickykimathi]

This channel is certainly a one-stop shop for everything on React.I love your mode of teaching.Thanks a lot and keep up the good work.

[ammarhaidar]

As usual, Awesome, I believe that everybody is waiting for a codeevolution react native course, so if you could feature soon React native and next 13 courses, it is gonna be great.

[MrMudbill]

You mentioned Zod but I want to emphasize how great it is when used with TypeScript. I personally love using it with REST API responses, to ensure that the data matches what I expect, because sometimes the documentation is outdated/incorrect, so just casting the response to a TypeScript interface can still give you undefined errors. Zod avoids this, and makes me fully confident that I can use all fields freely without worry.
I love the flow of Fetch/Axios -> Zod -> React Query. Works really well because RQ can show the query as in an error state if the response doesn't match the schema.

[peterc]

A series on React Native would be great! Thank you for all you do.

[maheepkumar]

Vishwas for Fetching the data we need to use RTK Query or react-query or something is better ?

[labibahmed]

Definately would love to learn React Native from you!❤..also testing a RN app at last will be a plus for us!

[OleksandrBorysenko]

I appreciate your efforts. This information was really useful for me. I'd like to learn the React Testing Libraries soon.

[najlepszyinformatyk]

wow testing library devtools comes in handy for my work

[x_y_e_n]

i have saw many tutorials but your react js tutorial hs awesome 🎉

[salilthegreat]

Great alot of option are there..thanx for letting us know..now we don't have to wander everywhere🤣..now it will be easy to look out for things as we know what we will be looking for..thanx❤❤