How to become a React.js Developer in 2024? | Complete Beginner Roadmap | Tamil

🔧 CLI Tools: Learn how to leverage powerful CLI tools like Create React App and Vite to bootstrap and manage your React projects efficiently.
🔩 Components: Dive deep into the world of React components, including Class Components, Functional Components, JSX, Props vs States, Conditional Rendering, and Composition.
🎨 Styling: Explore various styling options for your React projects, including Styled Components, CSS Modules, Tailwind, Material UI, Chakra UI, and fontawesome.
🖥️ Rendering: Understand the React component lifecycle, master lists and keys, harness the power of refs, handle events effectively, and utilize Higher Order Components (HOCs).
🎣 Hooks: Learn about React Hooks, including basic ones like useState and useEffect, as well as custom hooks like useCallback, useRef, useMemo, useReducer, and useContext.
🚦 Router: Explore React Router for handling navigation and building dynamic, single-page applications.
📊 State Management: Discover state management solutions like Recoil and Redux Toolkit for managing complex application states.
📡 API Calls: Master making API calls in your React applications, whether it's through REST with Axios and Fetch or with GraphQL using Apollo and Relay.
🧪 Testing: Ensure your React applications are robust and bug-free with comprehensive testing using tools like ViTest, Jest, Cypress, and Playwright.
🛠️ Frameworks: Explore popular frameworks like Next.js and Remix to take your React development to the next level.
📝 Forms: Learn about various form handling libraries in React, including React Hook Form, Formik, and Final Form.
🎁 Bonus: Get introduced to React Native for building cross-platform mobile applications.
Don't forget to like, share, and subscribe for more React tutorials and developer roadmap updates. Let's embark on this journey together to master React in 2024!
Follow our Whatsapp Channel for more updates! : whatsapp.com/channel/0029VaYI...
Join this channel to get access to perks:
/ @hareeshrajendran
🚀 Thanks for stopping by! Don't forget to hit that Subscribe button for more exciting content! 🌟
Buy me a coffee ☕️ : www.buymeacoffee.com/hareeshr...
Connect with me on LinkedIn 👔: / hareesh-r 🌐
Follow my journey on Instagram 📸: / hareesh_._r 🚀
Join the community on Facebook 📘: / hareeshprogrammer 🌈
Catch the latest updates on Twitter 🐦: / hareesh_dev 🚀
Explore my projects on GitHub 🐈‍⬛: github.com/hareesh-r 🚀
Curious to know more about me? Check out my personal website 🌐: hareesh.web.app 🚀
Your support means the world to me! 🙌 Let's build an awesome community together. 🌍✨

[@lokesh0520]

Awaiting video..

[@hareeshrajendran]

Coming soon

[@kpsv7702]

nice video bro for freshers

[@hareeshrajendran]

Yeah 🙌🏻

[@sarathi5035]

Bro unga portfolio vaa atha Vera level bro naa paathu iithu portfolio va illa Android game ah confuse aaiten bro ❤

[@hareeshrajendran]

Haha thanks !!

[@HarishSundar-wf3bh]

React tutorials venum bro full ah cover panra mari sekarama podunga

[@hareeshrajendran]

Seekirama podradhu kastam but kandipa pannalam!

[@feliix.j6640]

@@hareeshrajendran please bro

[@VinothKumar-ye6sq]

A2d soldier 🪖

[@hareeshrajendran]

Hii solider 🪖

[@MohanKumar-ri8pm]

Recently I watched your Git and Github tutorial and I practice that tutorial which was very useful and please bro, try to make a playlist or tutorial on React JS

[@hareeshrajendran]

Yes I'll try to make one but if I make one It'll be the best

[@user-yj8hu9dl2x]

tharamana video bro react eruka ella topics cover pannitinga

[@hareeshrajendran]

Thanks 🙌🏻

[@sharif-22]

Bro react tutorial vaanam bro project live la build panunga bro based on that topic and or else explain indepth working of hooks and tips to react dev series ( in this you can cover third-party libraries, hacks in react devtools, etc ..)

[@hareeshrajendran]

Naa oru playlist panna try pandren but I'll make sure it'll be indepth

[@ifiregaming1751]

Advanced concepts tutorials wanted ❤

[@hareeshrajendran]

Sure!!

[@bhargavashankar6811]

HI anna, Can you talk about project ideas for Final years, and how to make it to innovative to stand unique.

[@hareeshrajendran]

kzbin.infoLrglt5Y5m0E

[@metaquotes14]

I hear book when you say hook 🤔. I like your thumbnail design 💯.

[@hareeshrajendran]

Pardon my pronunciation. Thanks for the appreciation

[@shreenathmessi]

make playlist bro its very useful for us

[@hareeshrajendran]

Will make one !!

[@hemapriyar8193]

Bro can you please make videos to give some ideas or make videos for html css javascript projects for beginners

[@hareeshrajendran]

Yes

[@user-gq8et1uk4q]

Bro ippo na clg 2nd year padikran. Now only i finished html and some basics of css. But css is Vast. Namaku ellame therinji irukanuma athula illana basics mattum pothuma. Yena itha vida neraya irku important ah . And aduthu na js padiklamnu irukan. Athuku aduthu enna bro start panrathu. React or backend or any specific. Enaku api na koodaenna nu therla. Romba confuse aguthu bro. Aduthu enna padicha crct ah irkum bro.

[@hareeshrajendran]

Basic CSS enough then learn JS, APIs, ReactJS then move to Backend A detailed video about APIs : kzbin.info/www/bejne/kJmZdKWEqsRmj7s

[@KitchenTherapy-e3y]

in future reactjs or vuejs what about u think bro .which is the best

[@hareeshrajendran]

Future ah predict panna mudiyadhu but I see somethings gonna happen with Vue in a positive way but at the moment React is best

[@sdharshini5227]

does conditional rendering is similar to ternary operator?

[@hareeshrajendran]

Yes exactly

[@ananthac6472]

bro, REDUX or REDUX TOOL KIT ,currently which is most relevant ?

[@hareeshrajendran]

Redux Toolkit is simpler to setup and it is recommended

[@nanthakumarop9749]

Bro understanding js nu edhachum tutorial pannunga bro because everyone in tamil community only teaches the syntax of js not teaching what is actually running under the hood please bro take this as a request and upload a tutorial video for that...

[@hareeshrajendran]

Yes I will consider your request seriously because even I see many people not teaching fundamentals of JS indepth

[@PradeepKumar-te1mo]

React series pannunga bro.....Each video covering a specific topic

[@hareeshrajendran]

Yes I'll make sure to upload one like this

[@minimalmumy3131]

Bro as I entered in third year html css js basics thereyum but atha vachi react learn panna freshers ku job erukum ma react kathuka js la romba basics therenja pothum ma

[@hareeshrajendran]

React kathuka JS basics is enough but my recommendation is to learn JS indepth. React has good no of openings but not as much as matching it's hype

[@maverick_sri]

bro react 19 vs nextjs video podunga because coming react updatela nextjs la irukura feature 19la vara poguthu itha pathi konjam podunga bro

[@hareeshrajendran]

Adhu release aagattum updated tutorial ah podren

[@maverick_sri]

@@hareeshrajendran okay bro

[@Sportgameww]

bro is ambassador of odin school.

[@hareeshrajendran]

Enna pandradhu UTube kasu kuduka matran 😂😂

[@santhoshNagarajan]

hi anna na unga portfolio pathe. I liked it very much. If you don't mind na atha reference aa vechu en portfolio ku sila vishyangala use panlama.. only if you agree anna😊

[@hareeshrajendran]

Kandipa bro go ahead

[@santhoshNagarajan]

thanks anna😊❤

[@santhoshNagarajan]

Skills section la mouse over la nadkra animation was looking cool anna entha tool athuku use paninga anna

[@hareeshrajendran]

@santhoshNagarajan particle js library

[@santhoshNagarajan]

Thanks anna

[@mohanp7469]

Make the videos for the React Js Hooks

[@hareeshrajendran]

Sure!!

[@user-th1wo4wq4z]

State management using redux podunga bro .....apdiye hooks pathiyum podunga

[@hareeshrajendran]

Pota full series um potudren!!

[@KumaraguruGuru-us3on]

​@@hareeshrajendranyaru bro nee allam question nu Kum answer panni vediovum upload pannnuranu soldra ni thaivamm bruh🫡🫂

[@hareeshrajendran]

Naa padikurappa nalla content illa Tamil la. Adha maathalam nu oru chinna muyarchi avlodhan

[@user-ru7qb6hj8x]

Bro, I completed react and building projects, so should I go for next.js or node? yethu first pannalam?

[@hareeshrajendran]

Next polam

[@user-ru7qb6hj8x]

​@@hareeshrajendran Thanks bro , I've learnt a lot of code and tech fundamentals from you , and it inspires me to see our TN dev community is getting better from developer like you.

[@hareeshrajendran]

@@user-ru7qb6hj8x I'm flattered

[@ajayprakash1167]

Make video on styling.

[@hareeshrajendran]

Sure!!

[@m.kannan6826]

Sir front end beginner figma therinchirukanuma sir

[@hareeshrajendran]

Beginner ku threnji irukanum nu avasiyam illa

[@m.kannan6826]

​@@hareeshrajendran thank you sir

[@hopegaming3628]

Angular ku entha marii vid podu bro :)...padika rompa kastam ah iruku

[@hareeshrajendran]

Okay Noted!!

[@_Anjana-pv7bh]

Brother zohocatalyst ddatasaging vdo ketruthen html form data please vdo venu

[@hareeshrajendran]

Adhu odane upload pandradhu kastam nga

[@_Anjana-pv7bh]

@@hareeshrajendran ok

[@vinekasrinivasan9457]

React js is a library and for that Next.js is a framework

[@ArunPravin-os7kp]

Bro react tutorial pooduga week end part 1.......part 20 vaaraikum

[@hareeshrajendran]

Will Try my best

[@ArunPravin-os7kp]

@@hareeshrajendran conform neega pannanum bro ,I am not irritating you bro but please try pannuga weekly four video per video 10,10 minis

[@sarathi5035]

Bro anton Francis jeejoo nu oru channel last month thaan react tutorial start panni irrukaru poi paarunga chinna chinna feature kooda thelovaa solli irrukaaru Tamil la thaan check pannunga​@@ArunPravin-os7kp

[@musicvibes7174]

Need react tutorial

[@hareeshrajendran]

Yes he's great even we planned for a collab

[@anand4540]

Bro yepdi react project ah next ku migrate pandrathu

[@hareeshrajendran]

I'll try to make a video on it

[@webunriddled]

Please updated React 19(React 19 is around the corner) Course Tamil la podunga bro...

[@hareeshrajendran]

Once stable release agattum.I'll make sure to create an updated tutorial

[@CiniSport]

React tutorial please

[@hareeshrajendran]

Work In progress

[@SSPARTHIBAN-bq3hc]

Devin AI can replace frontend developer???

[@hareeshrajendran]

kzbin.info/www/bejne/fIKshX5qo7aVh7M

[@sundarp3959]

Hooks complete tutorial video podunga bro

[@hareeshrajendran]

Okay Noted!!

[@Neelam_senthil]

CRUD operation pathi sollunga bro.

[@hareeshrajendran]

Adhuku thani video podren

[@GopiKiranAD]

Should I learn node js or next js after react bro?

[@hareeshrajendran]

If you want to become Fullstack dev then learn NodeJs or if you want to specialise in frontend then learn NextJS

[@GopiKiranAD]

@@hareeshrajendran thanks bro 😊

[@TharankithaBaskaran]

Anna React full series explain pani upload pana elum ah?

[@hareeshrajendran]

Kastam dhan but I can try!!

[@vishnuramtamil]

Node JS pathi podunga bro

[@hareeshrajendran]

Kandipa potralam!!

[@lklifla]

How to make a website using React JS. Can u upload one video please.

[@hareeshrajendran]

Okay!

[@mohanp7469]

bro hooks videos podunga

[@hareeshrajendran]

Kandipa bro!!

[@ragnarvikkings]

Bro you use tailswind

[@hareeshrajendran]

Yes a lot

[@mitchellstarc56]

React ❤ full video

[@hareeshrajendran]

Wil try to make!

[@hithesh_2004]

Bro resume preparation for freshers with no experience video podunga

[@hareeshrajendran]

Already potrukene adhuve freshers resume dhan!!

[@ularal3181]

Bro react kathukanum nu aasa.. But yethula iruthu start pannanu thrla.. Html, css and javascript aprm ahh illa direct ahh start pannalam ahh

[@hareeshrajendran]

HTML,CSS,JS kathukuradhu better

[@ularal3181]

@@hareeshrajendran un age yenna bro(mudinja dob ooda)

[@hareeshrajendran]

Adhu edhuku bro 😂 ? If you really want to know then DM me on insta

[@ularal3181]

@@hareeshrajendran ellaroda msg ku reply poodurathuku thanks bro... ❤

[@lklifla]

React JS full course video upload pannunga

[@hareeshrajendran]

Sure!!

[@sivakumar-qf9gd]

Brooo. Next Js vida Typescript best dhana brooo

[@HeroHunter07]

Bro nee ga question ne different ta kekuriga

[@hareeshrajendran]

Typescript is a type safe version if Javascript you can consider it as an upgrade to JS. NextJS on other hand is a framework where all of your code is written in JS only but in a much concise manner even You can use TS with NextJS NextJS + TS > NextJS + JS > TS > JS Ipdi neenga assume pannikalam edhu best nu pakureenga na but idhu rendayum compare panna koodatu

[@sivakumar-qf9gd]

Rendum kathukanum😀

[@oncloudnine4334]

Bro recoil and redux pathi tutorial poduga

[@hareeshrajendran]

Okay Noted!!

[@SanthoshKumar-hq3gy]

explain me about hooks

[@hareeshrajendran]

Okay!

[@Hustle..]

bro freelancing pathi video podunga

[@hareeshrajendran]

Okayy Noted!!

[@sivakumar-qf9gd]

Typescript best aaa Next js best? Yadhu feature la better

[@deepakplay]

Study well bro

[@hareeshrajendran]

Typescript is a type safe version if Javascript you can consider it as an upgrade to JS. NextJS on other hand is a framework where all of your code is written in JS only but in a much concise manner even You can use TS with NextJS

[@murugan...thunai..2208]

Bro react la project sengi kattunga apo skill improvement panna mudiyum ..... This project content didn't in KZbin

[@hareeshrajendran]

KZbin la actually projects laam iruku React la.... I'll try to make one in my style

[@murugan...thunai..2208]

@@hareeshrajendran bro irukku but they have been focused on css and static web site and they haven't use programs and didn't use functions so that would you tech well that react js and more problems solving web site i thought you understand what I said

[@sankavi_]

Need React Tutorial Bro 🙏🏽

[@hareeshrajendran]

Okay Noted!!

[@abihandcrafts4687]

Bro neega tutorial poduga bro real project la use panura mari

[@hareeshrajendran]

Sure!

[@TnZenitsu]

bro detail ah code kamichi solunga bro.understand panna kastama irukku

[@hareeshrajendran]

Idhu chumma roadmap dhane so indepth ah sollala, Tutorial video pota tharama solli tharuven

[@IshuAB]

React la basic to advance topics tutorial podunga bro

[@hareeshrajendran]

Okay!!

[@Darshiny07]

React hooks videos podunga

[@hareeshrajendran]

Okay Noted!!

[@niyanapragasam1537]

Reactjs course video podunga bro

[@hareeshrajendran]

Noted!!

[@mahadevanvilvendhan9719]

React with redux pathi sollunga bro

[@hareeshrajendran]

Kandipa naa oru tutorial series ku plan pannitu iruken

[@mahaboobbasha3306]

Mern stack learn panna best channel sollunga bro

[@hareeshrajendran]

kzbin.infospF3vuOz_7Q

[@mahaboobbasha3306]

@@hareeshrajendran romba thanks bro

[@gogul0881]

i need react full tutorial or real time prject

[@hareeshrajendran]

Ok !!!

[@arundoss6785]

Why no one post about angular? Please post about angular too like road map and tutorials 😢

[@hareeshrajendran]

I'll try my best, Angular is neglected because it's not used by startups and job demand is less compared to React.

[@AdhithyanIM-]

bro react leran panrathuku youtube video soluga

[@hareeshrajendran]

Web Dev Simplified Javascript Mastery The Net Ninja Pedro Tech

[@umesumes8136]

Bro AWS Cloud roadmap podunga bro 🤞

[@hareeshrajendran]

Adhuku roadmap pota oru 5hrs ku video podanum :)

[@bharathb4901]

Bro django developer video podunga bro????

[@hareeshrajendran]

I'll try!!

[@dharunsurya.s4857]

Django pathu discuses pannu ga bro

[@hareeshrajendran]

Sure!!

[@shreenathmessi]

Call back function endha vdo va paaruga nu mention pani iruthinga andha vdo edu bro

[@hareeshrajendran]

Javascript roadmap video parunga bro

[@shreenathmessi]

@@hareeshrajendran Ohh yeah yh got it bro....thank you:)

[@rdxsathish7199]

Bro react tutorial venum bro...plaa

[@hareeshrajendran]

Okay Noted!!

[@tgm6540]

Ajax ku oru real time example sollu bro!

[@hareeshrajendran]

Oru form fill pannnitu submit button kudutha odane unga request server ku pogum andha data thirumba browser ku return aanadhum unga DOM la iruka form ah remove pannitu "Thanks for filling the form" nu oru message katuvanga idhu dhan AJAX ku oru realtime example

[@user-lf4pb8jq3i]

Bro i am 5 years experince as web developer but i have arrears in my degree can i get job in zoho?

[@hareeshrajendran]

Yes

[@user-lf4pb8jq3i]

@@hareeshrajendran Thank you so much can you please put a video on which mnc does not require degree that will be so useful for us Thanks

[@SSPARTHIBAN-bq3hc]

Is Devin AI failed ?

[@hareeshrajendran]

Watch this video completely kzbin.info/www/bejne/fIKshX5qo7aVh7M

[@myzone99]

View library? 🤔

[@hareeshrajendran]

Yes

[@1363Nivetha]

bro link is not available

[@hareeshrajendran]

What link ??

[@mugilan1164]

React-native roadmap poduga bro

[@hareeshrajendran]

Okay!

[@nontopupgamer]

React tutorial with full explained

[@hareeshrajendran]

Sure!!

[@redsokka]

React js ku job opportunities iruka bro

[@hareeshrajendran]

Yes iruku

[@redsokka]

@@hareeshrajendran thanks bro

[@sivakumar-qf9gd]

React video venumnu romba naal aa kekuraaaa.... Video varala brooo

[@hareeshrajendran]

Romba naalava ? Naney oru week ku rendu video dhan podren. Adhulayum cover panna vendiya content nerayaaa iruku

[@sivakumar-qf9gd]

Ok Brooo podunga

[@black2thepiink]

Context api n redux

[@hareeshrajendran]

Once I make a course I'll cover these

[@naveennaveender7672]

for react series 👇

[@1363Nivetha]

if any vacancy please tell to us .. 😢

[@hareeshrajendran]

I post them on linkedin and Instagram

[@poovarasansrinivasan3081]

React Series

[@hareeshrajendran]

Okay Noted!!

[@ventacode]

react la project onnu rendu therinjadha vechi pannit adhaiyum full ah mudikama suthit irkan 😂

[@hareeshrajendran]

Adhellam prachana ila pathukalam na mudinja oru video easy ah follow panni mudikira maari podren!!

[@ventacode]

@@hareeshrajendran nalla irkum na, podunga oru video

[@Hariprasath-iv7xg]

"How to host reach application for free.?" Poodunga

[@hareeshrajendran]

kzbin.info/www/bejne/b2ewq2l7hsZjb7M

[@Hariprasath-iv7xg]

​@@hareeshrajendran React ku mattu thaniya explain panni poodunga. Ithu set aagala

[@hareeshrajendran]

Okay!

[@prakashkutty3077]

Java extension aah😂... Vera maari bruh

[@hareeshrajendran]

Sorry bro light ah roll agiruchu. JS oda extension 😅

[@Gaamaa-oz5ef2lf3n]

Never join is any online courses, its waste of money and time. Better learn everything free from KZbin videos by experienced mentors. Very soon you could learn better things.

[@hareeshrajendran]

I'm not against it either. I do encourage people to learn from KZbin.

[@Gaamaa-oz5ef2lf3n]

@@hareeshrajendran Now a day there are too much money leeching videos tempting the poor village students. They think after paying 25K their life will be settled. But after payment, they are still zero. Its really pathetic.

[@hareeshrajendran]

I do guide them when they reachout to me on DMs / email

[@Gaamaa-oz5ef2lf3n]

@@hareeshrajendran Great ! Thanks for humanity and helping tendency. Poor guys. Earning money nowadays is really a big task here. We must think of their aged poor parents too.

[@anyone9649]

Bor ne ithuku roadmap. sh website la poi pakka sollirukulam.. Ne solrathy fulla exact aa ava website layeh iruku

[@hareeshrajendran]

Adha Naa already pala thadava enoda social media handles la solliruken apoyum yarum paka matranga. Adhaye video va pota neraya peruku help ah iruku enna pandradhu ??

[@anyone9649]

@@hareeshrajendran anyway thanks bro for put the video .. Why don't you make a react tutorial with under the hood explanation

[@hareeshrajendran]

Adhukaana works poitu iruku. Since I have fulltime job it's difficult to create full fledged courses

[@anyone9649]

Ok bro. Do you still believe that full stack development have scope because nowdays in college everyone do data analysis and data science roles even though staffs didn't take web development projects they insist to do aisa projects. What's your opinion

[@hareeshrajendran]

That's what colleges have been doing for ages and they don't understand about the industry