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
When anyone asks me the best UA-cam 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!
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
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.
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!
@@Codevolution Thanks for taking your time off and spending towards the developer community. I learned a lot from this channel. Always to the point and very focused on the actual topic!
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 sooooooon!
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.
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.
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.
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.
Great vid as always. What on earth is Server State Management (in the context of a web UI)? I need to educate myself. Also, much interested in learning more on React Native. Thank you for all your excellent content.
Hello vishwas sir, React native is something I have been waiting for quite a long time now. There are a various questions in my head related to good practice and libraries of react native like expo or native cli which one to choose and many more.
I guess for data visualization it is good to consider react wrapper for apache echarts. It saved a lot of times when I had to implement very special cases for visualizations to satisfy customer's requirements
Thank you. It was really great. Yes, please make a series for React Native and some real-world projects. Also, make a video for The React-Native Ecosystem in 2023. Good luck
yes sir please make a detailed series on React Native. We have learned basics of ReactJS and moving to React Native will not be a big challenge for us if you provide us a playlist about React Native.
an excellent video! I think you should mention Expo when you're talking about react native, or even make the same video about react native ecosys because most of the libraries here don't have a native port :)
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❤❤
Nice but I feel like firebase is built in such a way that you either go full firebase or not at all. I feel like its better to go for oauth but it all depends on the project tho
你好 Vishwas, I watch you video for 4 years since i was in college, I want to thanks you because I got the job, I recently learning RXJS, I'm surprised that there actually alot of people use RXJS for certain usage, hope there will RXJS series in future.
I completely agree with all your recommendations, I'd add cypress as an e2e testing tool too. It'd be nice to have a video like this for angular since it's cool again.
Could you make a short video on NextJs and how v13.4 is different from v12? Bcoz it's seen I am learning a completely new language. and I am expecting new Nextjs series from you. :)
I must say that I thoroughly enjoyed it. The information you provided was insightful and valuable. I wanted to kindly request if you could consider making a similar video focusing on Python/Django/DRF. Thankx for that quality contain. We really appreciate it 😊🙏❤️
@Code Evolution, Can you please guide, which is the best local data base which can be used for an offline application in react native? Also what is the best strategy which can be used for saving/storing attachment in db? The attachments needs to be stored in offline mode as well.. Can someone guide.
To the component libraries section I would also add Mantine as it has lots of useful components, some form handling utilities and many hooks. Definitely worth trying it out! 😁
Thank you very much sir for all your intuitive react series. Please do a Full React Native series with real world project examples. Include the new Expo Router and other great tools you recommend. thank you Viswash
Hey, can you create an tutorial on vite like you have created on webpack. I think most of the people don't know how to efficiently use vite. Your videos are always helpful for developers. Thank you for highlighting the point in videos.
React query and redux dont go well together, so if you are managing state with useContext, react query would go well. But if your state is in redux, then redux toolkit query is your option
I heard about t3.stack, witch will combine trpc (a backend library for nextjs to implement backend with frontend awesome integrations), tailwind and typescript
Please make a video on formatJS for multi language website. I am struggling a lot building multi language websites. Currently doing things in a less performant way which is hampering user interaction.
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
Thank you Panyam :)
❤ thank you 🙏🏾 for creating this list
Thankyou @Panyamtarun🎉🎉
thank you bro
Thank you
Yes. Please make a series for React Native and some real world project with it. I'm eagerly waiting for this series.
definitely
+ Especially real world project is not common in youtube
+1
We want React Native series👏
Please bring it
Thiz
🎉
Ahh yes can't wait to see a ton of unmaintained libs
Bring itt
When anyone asks me the best UA-cam 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!
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
ChatGPT?
@@toshirohitsugaya1465 100%
Thanks!
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.
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!
Yes please React Native playlist is much needed.
Thanks!
Thank you sushanth!
@@Codevolution Thanks for taking your time off and spending towards the developer community. I learned a lot from this channel. Always to the point and very focused on the actual topic!
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 sooooooon!
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.
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.
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.
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.
Definately would love to learn React Native from you!❤..also testing a RN app at last will be a plus for us!
A series on React Native would be great! Thank you for all you do.
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.
Hello sir do i need to learn class base component
Can i skip it ?
Great vid as always. What on earth is Server State Management (in the context of a web UI)? I need to educate myself. Also, much interested in learning more on React Native. Thank you for all your excellent content.
MAIN POINTS
Getting started :
Create react app,Next Js,Vite
Routing:
React Router,Tanstack Router,Built-in Nextjs
Client State Management :
Redux, Zustand
Server State Management:
TanStack Query,Redux Toolkit Query,Apollo Client
Form Handling:
Formik,Reack Hook Form
Testing:
Vitest,React Testing Library, Playwright
Styling:
TailwindCSS,Styled Components, Emotion
UI Component Libraries:
Material UI,Ant Design, Mantine,Chakra
Animation:
React Spring , Framer Motion
Data Visualization:
Victory Chart,Recharts,React CharJs2
Table:
TanStack Table
Dev Tools:
React Dev Tools , React Dev Tools, TanStack Query Dev Tools...
wow testing library devtools comes in handy for my work
Hello vishwas sir,
React native is something I have been waiting for quite a long time now. There are a various questions in my head related to good practice and libraries of react native like expo or native cli which one to choose and many more.
I appreciate your efforts. This information was really useful for me. I'd like to learn the React Testing Libraries soon.
Yes Sir please come up with a React Native Series.
Thank You for your support to the community.
I guess for data visualization it is good to consider react wrapper for apache echarts. It saved a lot of times when I had to implement very special cases for visualizations to satisfy customer's requirements
Please, we would love a React Native series!
You missed the most important and the most popular of the Data Visualization library "Highchart"
You missed stateadapt! Fantastic client state management library.
We definitely need a proper React Native series from beginners level
I heard about Capacitor as an alternative to React Native, would love to see your take on it
For animation
I think framer motion is a great Choice
Most complete and well explained. Best video on youtube about React ecosystem.
i have saw many tutorials but your react js tutorial hs awesome 🎉
Would love a series on React Native with a few projects!
I am already a React developer and now I want to learn React Native so please make a beginner to advanced series on it.
Hello Vishwas, your tutorials are best ever for me.
Vishwas for Fetching the data we need to use RTK Query or react-query or something is better ?
Thank you. It was really great.
Yes, please make a series for React Native and some real-world projects.
Also, make a video for The React-Native Ecosystem in 2023.
Good luck
Hi Vishwas, Can you also touch base on System design and CICD pipelines. How much a frontend dev is supposed to know about CICD pipelines.
6 months ago I was introduced to This channel, and from there coding has been a daily dose to me. Keep up the good work brother
Thank you for this update, I would enjoy a React Native series.
Thank you for the valuable information! It's an impressive and extensive video. Did you happen to forget to mention NextAuth for authentication?
yes sir please make a detailed series on React Native. We have learned basics of ReactJS and moving to React Native will not be a big challenge for us if you provide us a playlist about React Native.
an excellent video!
I think you should mention Expo when you're talking about react native, or even make the same video about react native ecosys because most of the libraries here don't have a native port :)
Thank you so much for the time you invest in creating such informative video!!
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❤❤
13:00
we hope u do it
Codevolution: I love your content and approach to teaching. Could you do some more advanced videos on context and reducers using typescript? Thanks
Yes, a series for react native! 🙏🏾
Nice but I feel like firebase is built in such a way that you either go full firebase or not at all. I feel like its better to go for oauth but it all depends on the project tho
Yes. Please make a series for React step by step and some real world project with it. I'm eagerly waiting for this series.
Why didn't you mention React Context in Client State Management section? It's the best way!
Awesome vishwas bro , pls do some meetup in Delhi and Bangalore ...
你好 Vishwas, I watch you video for 4 years since i was in college, I want to thanks you because I got the job, I recently learning RXJS, I'm surprised that there actually alot of people use RXJS for certain usage, hope there will RXJS series in future.
It would be great to make series about "react native"
What i get from these EP
For testing react in web
1. stackblitz
2. Vite
3. Nextjs
For Routing
1. React router
2. TanStack Router
3. Nextjs ma routing built in nai hunxa
Clinent state management
1. Redux toolkit
2. zustant
Server State management
1. Tanstack query
2, Redux toolkit query
3. Apollo client ( with Graphql api snga aajha best xa)
Form handling
1. Formic
2. React hook form
Testing
1. Vitest
2. React testing library
3. Playwright (end-to-end) testing
Styling
1. Tailwindcss
2. Styled Components
3. Emotion
UI Component Library
1. Material UI
2. Mantine UI
3. Ant Design
4. Chakra UI
5. Headless UI(tailwind css framework)
6. DaisyUI
7. Shadcn UI
Animation
1. Framer Motion
2. React Spring
Data Visualization
1. VictoryChart
2. React chartjs 2
3. ReCharts (safest way)
Tables
1. TanStack Table (Suggest)
Internationalization (i18n) // multiple language
1. reacti18n
2. formatjs
DevTools
1. React Developer Tools (extension chrome)
2. Redux dev tools
3. Testing playground
4. react hooks Dev tools
5. Tanstack query dev tools
Documentations(for creating doct)
1. Docusaurus
2. nextra (nextjs Framework)
Component Dev Env
1. Storybook
Type checking
1. Typescript
Mobile application
1. React Native
Awesome libraries
1. dnd kid (drag & drop functionality)
2. react dropzone (for file upload)
3. firebase or superbase (for authentication)
@iam8uman
Great walkthrough on all the react based libraries.
Amazing information, thank you vishwas!
Thanks for this piece. It's quite expository.
I will be fascinated to learn react native from you.
Thanks for bringing this.
however I wish you could add ICON's library that's essential part of web-dev now days.
I was waiting for this video. Thanks :)
This is a useful format given the overwhelming number of options available in the React ecosystem. Great picks also. Thanks!
I completely agree with all your recommendations, I'd add cypress as an e2e testing tool too. It'd be nice to have a video like this for angular since it's cool again.
Imo cypress is better than playwright. And btw vue is also cool again!
ohh, good video and you sound great. Thank you and subbed :)
Was hoping to have an ORM section 😅
NextJS + tailwind CSS + DaisyUI are currently my favorites
I really needed this. You are awesome 😎
Great series would like to see full projects beginning to end for beginners to tie everything together
What about storybook, is there any analogies?
I think you had to include React Query or RTK query
Dude! Def a react native vid would be so 🔥🔥🔥
Great video and nice content, but in the Mobile Apps section, why didn't you mention ionic?
Yes, Not only me everyone want react native series Please make it
Could you make a short video on NextJs and how v13.4 is different from v12? Bcoz it's seen I am learning a completely new language. and I am expecting new Nextjs series from you. :)
I must say that I thoroughly enjoyed it. The information you provided was insightful and valuable. I wanted to kindly request if you could consider making a similar video focusing on Python/Django/DRF. Thankx for that quality contain. We really appreciate it 😊🙏❤️
Great help man, i would like react native expo course especially native device featues integrations... just a tought.
@Code Evolution, Can you please guide, which is the best local data base which can be used for an offline application in react native?
Also what is the best strategy which can be used for saving/storing attachment in db? The attachments needs to be stored in offline mode as well..
Can someone guide.
This is amazing. Thank you!
To the component libraries section I would also add Mantine as it has lots of useful components, some form handling utilities and many hooks.
Definitely worth trying it out! 😁
+1
Thank you very much sir for all your intuitive react series. Please do a Full React Native series with real world project examples. Include the new Expo Router and other great tools you recommend. thank you Viswash
Yes, please make a series for react-native.
Yes please make a React Native series! Thank you for your excellent content!
thanks a lot, i was looking for a router to mi project.
Thanks for the informative video.
Take my cordial love from Bangladesh ❤🇧🇩
React Native tutorial is must have! Thx in advance!
Hey, can you create an tutorial on vite like you have created on webpack. I think most of the people don't know how to efficiently use vite.
Your videos are always helpful for developers.
Thank you for highlighting the point in videos.
I have never even heard of a few of those. Im interested in learning more about them.
Sir you didn't talk about react query. If I just learn react query then do I need to to learn redux or not ?
React query and redux dont go well together, so if you are managing state with useContext, react query would go well. But if your state is in redux, then redux toolkit query is your option
@tanstack/query is just react query
Yes! Please upload React native updated version as one series. Eagerly waiting
Please do a series about React Native and make an industry level application thereby we can know the structure
I heard about t3.stack, witch will combine trpc (a backend library for nextjs to implement backend with frontend awesome integrations), tailwind and typescript
Please make a video on formatJS for multi language website. I am struggling a lot building multi language websites. Currently doing things in a less performant way which is hampering user interaction.
Weeeee waaaaant react native! Thank you for all you do
We are looking for react native series 😊😊
yes please make series for React Native also.
Yes we need react native tutorial series
Hi Viswas, Thanks for this. It will be highly helpful, if you make a series on ui components library with real time example project.
Please do a series on react native! highly needed.
Hi Vishwas , eagerly waiting for the recat native series
Hey vishwaz, do consider an Apollo server/client + prisma series