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. 🌍✨
Пікірлер: 209
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
2 ай бұрын
Yes I'll try to make one but if I make one It'll be the best
React series pannunga bro.....Each video covering a specific topic
@hareeshrajendran
2 ай бұрын
Yes I'll make sure to upload one like this
Awaiting video..
@hareeshrajendran
2 ай бұрын
Coming soon
Bro unga portfolio vaa atha Vera level bro naa paathu iithu portfolio va illa Android game ah confuse aaiten bro ❤
@hareeshrajendran
2 ай бұрын
Haha thanks !!
React tutorials venum bro full ah cover panra mari sekarama podunga
@hareeshrajendran
Ай бұрын
Seekirama podradhu kastam but kandipa pannalam!
nice video bro for freshers
@hareeshrajendran
Ай бұрын
Yeah 🙌🏻
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
2 ай бұрын
Naa oru playlist panna try pandren but I'll make sure it'll be indepth
bro is ambassador of odin school.
@hareeshrajendran
13 күн бұрын
Enna pandradhu UTube kasu kuduka matran 😂😂
tharamana video bro react eruka ella topics cover pannitinga
@hareeshrajendran
Ай бұрын
Thanks 🙌🏻
HI anna, Can you talk about project ideas for Final years, and how to make it to innovative to stand unique.
@hareeshrajendran
Ай бұрын
kzread.infoLrglt5Y5m0E
I hear book when you say hook 🤔. I like your thumbnail design 💯.
@hareeshrajendran
2 ай бұрын
Pardon my pronunciation. Thanks for the appreciation
Advanced concepts tutorials wanted ❤
@hareeshrajendran
2 ай бұрын
Sure!!
Bro react tutorial pooduga week end part 1.......part 20 vaaraikum
@hareeshrajendran
2 ай бұрын
Will Try my best
@ArunPravin-os7kp
2 ай бұрын
@@hareeshrajendran conform neega pannanum bro ,I am not irritating you bro but please try pannuga weekly four video per video 10,10 minis
@sarathi5035
2 ай бұрын
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
2 ай бұрын
Need react tutorial
@hareeshrajendran
2 ай бұрын
Yes he's great even we planned for a collab
make playlist bro its very useful for us
@hareeshrajendran
2 ай бұрын
Will make one !!
Bro can you please make videos to give some ideas or make videos for html css javascript projects for beginners
@hareeshrajendran
Ай бұрын
Yes
A2d soldier 🪖
@hareeshrajendran
2 ай бұрын
Hii solider 🪖
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
2 ай бұрын
Yes I will consider your request seriously because even I see many people not teaching fundamentals of JS indepth
Please updated React 19(React 19 is around the corner) Course Tamil la podunga bro...
@hareeshrajendran
2 ай бұрын
Once stable release agattum.I'll make sure to create an updated tutorial
Make video on styling.
@hareeshrajendran
2 ай бұрын
Sure!!
Make the videos for the React Js Hooks
@hareeshrajendran
2 ай бұрын
Sure!!
How to make a website using React JS. Can u upload one video please.
@hareeshrajendran
Ай бұрын
Okay!
Hooks complete tutorial video podunga bro
@hareeshrajendran
2 ай бұрын
Okay Noted!!
CRUD operation pathi sollunga bro.
@hareeshrajendran
2 ай бұрын
Adhuku thani video podren
State management using redux podunga bro .....apdiye hooks pathiyum podunga
@hareeshrajendran
2 ай бұрын
Pota full series um potudren!!
@KumaraguruGuru-us3on
2 ай бұрын
@@hareeshrajendranyaru bro nee allam question nu Kum answer panni vediovum upload pannnuranu soldra ni thaivamm bruh🫡🫂
@hareeshrajendran
2 ай бұрын
Naa padikurappa nalla content illa Tamil la. Adha maathalam nu oru chinna muyarchi avlodhan
bro, REDUX or REDUX TOOL KIT ,currently which is most relevant ?
@hareeshrajendran
2 ай бұрын
Redux Toolkit is simpler to setup and it is recommended
React JS full course video upload pannunga
@hareeshrajendran
Ай бұрын
Sure!!
Bro resume preparation for freshers with no experience video podunga
@hareeshrajendran
2 ай бұрын
Already potrukene adhuve freshers resume dhan!!
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
does conditional rendering is similar to ternary operator?
@hareeshrajendran
2 ай бұрын
Yes exactly
bro hooks videos podunga
@hareeshrajendran
2 ай бұрын
Kandipa bro!!
Node JS pathi podunga bro
@hareeshrajendran
2 ай бұрын
Kandipa potralam!!
React hooks videos podunga
@hareeshrajendran
2 ай бұрын
Okay Noted!!
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 : kzread.info/dash/bejne/jJxqpdSHpcKZibw.html
React-native roadmap poduga bro
@hareeshrajendran
23 күн бұрын
Okay!
Bro recoil and redux pathi tutorial poduga
@hareeshrajendran
2 ай бұрын
Okay Noted!!
React with redux pathi sollunga bro
@hareeshrajendran
Ай бұрын
Kandipa naa oru tutorial series ku plan pannitu iruken
Reactjs course video podunga bro
@hareeshrajendran
Ай бұрын
Noted!!
bro freelancing pathi video podunga
@hareeshrajendran
2 ай бұрын
Okayy Noted!!
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
2 ай бұрын
Kandipa bro go ahead
@santhoshNagarajan
2 ай бұрын
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
Bro react tutorial venum bro...plaa
@hareeshrajendran
2 ай бұрын
Okay Noted!!
Need React Tutorial Bro 🙏🏽
@hareeshrajendran
2 ай бұрын
Okay Noted!!
Bro, I completed react and building projects, so should I go for next.js or node? yethu first pannalam?
@hareeshrajendran
13 күн бұрын
Next polam
@user-ru7qb6hj8x
13 күн бұрын
@@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
13 күн бұрын
@@user-ru7qb6hj8x I'm flattered
React la basic to advance topics tutorial podunga bro
@hareeshrajendran
Ай бұрын
Okay!!
Bro AWS Cloud roadmap podunga bro 🤞
@hareeshrajendran
2 ай бұрын
Adhuku roadmap pota oru 5hrs ku video podanum :)
Ajax ku oru real time example sollu bro!
@hareeshrajendran
2 ай бұрын
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
Brother zohocatalyst ddatasaging vdo ketruthen html form data please vdo venu
@hareeshrajendran
2 ай бұрын
Adhu odane upload pandradhu kastam nga
@_Anjana-pv7bh
2 ай бұрын
@@hareeshrajendran ok
bro react 19 vs nextjs video podunga because coming react updatela nextjs la irukura feature 19la vara poguthu itha pathi konjam podunga bro
@hareeshrajendran
2 ай бұрын
Adhu release aagattum updated tutorial ah podren
@maverick_sri
2 ай бұрын
@@hareeshrajendran okay bro
explain me about hooks
@hareeshrajendran
15 күн бұрын
Okay!
Why no one post about angular? Please post about angular too like road map and tutorials 😢
@hareeshrajendran
2 ай бұрын
I'll try my best, Angular is neglected because it's not used by startups and job demand is less compared to React.
Bro neega tutorial poduga bro real project la use panura mari
@hareeshrajendran
Ай бұрын
Sure!
Devin AI can replace frontend developer???
@hareeshrajendran
2 ай бұрын
kzread.info/dash/bejne/eIV9tq1tnrTIgbQ.html
Bro you use tailswind
@hareeshrajendran
2 ай бұрын
Yes a lot
Bro django developer video podunga bro????
@hareeshrajendran
2 ай бұрын
I'll try!!
i need react full tutorial or real time prject
@hareeshrajendran
Ай бұрын
Ok !!!
Sir front end beginner figma therinchirukanuma sir
@hareeshrajendran
2 ай бұрын
Beginner ku threnji irukanum nu avasiyam illa
@m.kannan6826
2 ай бұрын
@@hareeshrajendran thank you sir
Brooo. Next Js vida Typescript best dhana brooo
@HeroHunter07
2 ай бұрын
Bro nee ga question ne different ta kekuriga
@hareeshrajendran
2 ай бұрын
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
2 ай бұрын
Rendum kathukanum😀
Bro yepdi react project ah next ku migrate pandrathu
@hareeshrajendran
Ай бұрын
I'll try to make a video on it
React tutorial with full explained
@hareeshrajendran
2 ай бұрын
Sure!!
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 😊
Angular ku entha marii vid podu bro :)...padika rompa kastam ah iruku
@hareeshrajendran
2 ай бұрын
Okay Noted!!
Typescript best aaa Next js best? Yadhu feature la better
@deepakplay
2 ай бұрын
Study well bro
@hareeshrajendran
2 ай бұрын
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
for react series 👇
Mern stack learn panna best channel sollunga bro
@hareeshrajendran
Ай бұрын
kzread.infospF3vuOz_7Q
@mahaboobbasha3306
Ай бұрын
@@hareeshrajendran romba thanks bro
Bro react la project sengi kattunga apo skill improvement panna mudiyum ..... This project content didn't in KZread
@hareeshrajendran
Ай бұрын
KZread 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
bro react leran panrathuku youtube video soluga
@hareeshrajendran
Ай бұрын
Web Dev Simplified Javascript Mastery The Net Ninja Pedro Tech
Call back function endha vdo va paaruga nu mention pani iruthinga andha vdo edu bro
@hareeshrajendran
2 ай бұрын
Javascript roadmap video parunga bro
@shreenathmessi
2 ай бұрын
@@hareeshrajendran Ohh yeah yh got it bro....thank you:)
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
Django pathu discuses pannu ga bro
@hareeshrajendran
Ай бұрын
Sure!!
Bro react kathukanum nu aasa.. But yethula iruthu start pannanu thrla.. Html, css and javascript aprm ahh illa direct ahh start pannalam ahh
@hareeshrajendran
2 ай бұрын
HTML,CSS,JS kathukuradhu better
@ularal3181
2 ай бұрын
@@hareeshrajendran un age yenna bro(mudinja dob ooda)
@hareeshrajendran
2 ай бұрын
Adhu edhuku bro 😂 ? If you really want to know then DM me on insta
@ularal3181
2 ай бұрын
@@hareeshrajendran ellaroda msg ku reply poodurathuku thanks bro... ❤
bro detail ah code kamichi solunga bro.understand panna kastama irukku
@hareeshrajendran
2 ай бұрын
Idhu chumma roadmap dhane so indepth ah sollala, Tutorial video pota tharama solli tharuven
Context api n redux
@hareeshrajendran
Ай бұрын
Once I make a course I'll cover these
Is Devin AI failed ?
@hareeshrajendran
2 ай бұрын
Watch this video completely kzread.info/dash/bejne/eIV9tq1tnrTIgbQ.html
if any vacancy please tell to us .. 😢
@hareeshrajendran
Ай бұрын
I post them on linkedin and Instagram
bro link is not available
@hareeshrajendran
Ай бұрын
What link ??
React js ku job opportunities iruka bro
@hareeshrajendran
Ай бұрын
Yes iruku
@redsokkatech
Ай бұрын
@@hareeshrajendran thanks bro
React video venumnu romba naal aa kekuraaaa.... Video varala brooo
@hareeshrajendran
2 ай бұрын
Romba naalava ? Naney oru week ku rendu video dhan podren. Adhulayum cover panna vendiya content nerayaaa iruku
@sivakumar-qf9gd
2 ай бұрын
Ok Brooo podunga
React Series
@hareeshrajendran
Ай бұрын
Okay Noted!!
react la project onnu rendu therinjadha vechi pannit adhaiyum full ah mudikama suthit irkan 😂
@hareeshrajendran
2 ай бұрын
Adhellam prachana ila pathukalam na mudinja oru video easy ah follow panni mudikira maari podren!!
@ventacode
2 ай бұрын
@@hareeshrajendran nalla irkum na, podunga oru video
Java extension aah😂... Vera maari bruh
@hareeshrajendran
2 ай бұрын
Sorry bro light ah roll agiruchu. JS oda extension 😅
"How to host reach application for free.?" Poodunga
@hareeshrajendran
2 ай бұрын
kzread.info/dash/bejne/a2qB3Jh-gcSWabQ.html
@Hariprasath-iv7xg
Ай бұрын
@@hareeshrajendran React ku mattu thaniya explain panni poodunga. Ithu set aagala
@hareeshrajendran
Ай бұрын
Okay!
Never join is any online courses, its waste of money and time. Better learn everything free from KZread videos by experienced mentors. Very soon you could learn better things.
@hareeshrajendran
2 ай бұрын
I'm not against it either. I do encourage people to learn from KZread.
@Gaamaa-oz5ef2lf3n
2 ай бұрын
@@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
2 ай бұрын
I do guide them when they reachout to me on DMs / email
@Gaamaa-oz5ef2lf3n
2 ай бұрын
@@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.
Bor ne ithuku roadmap. sh website la poi pakka sollirukulam.. Ne solrathy fulla exact aa ava website layeh iruku
@hareeshrajendran
3 күн бұрын
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
2 күн бұрын
@@hareeshrajendran anyway thanks bro for put the video .. Why don't you make a react tutorial with under the hood explanation
@hareeshrajendran
2 күн бұрын
Adhukaana works poitu iruku. Since I have fulltime job it's difficult to create full fledged courses
@anyone9649
2 күн бұрын
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
2 күн бұрын
That's what colleges have been doing for ages and they don't understand about the industry