Resourceful React
Having been learning JavaScript for the past couple of months, you wished to step up with React. But where do you start exactly?
That’s what my inner soul cried out while starting out the next obvious journey. Thanks to friends & Google, I figured out the things at the proper time. Hoping that you do have a here and there coding knowledge of JavaScript before directly jumping on ReactJS. This is to say — You must know JS. Without that, it will be all like — Learning Archery without the bow. JS is the foundation. You got this!
Well, the title might have helped you to guess that this isn’t about “Why React?”. It’s your choice to choose. Even in this era of continuous change, people still use PHP — & no one can stop it. With that being said, I mean no indifference at all towards PHP developers or PHP itself. All I mean is — it’s the CHOICE. Be that of your own, or cause of the company you have been working for, or maybe the requirement. It can be anything. Make sure to clear your “Why” behind it.
& who knows after a decade from now — React might feel like an old toy story.
Enough with verbals, let me put down some resources for you to get started through the gateway of ReactJS. Resources are mixed up in the forms of free, paid, articles, etc. Make sure to go for what you want to go for.
As always,
- FreeCodeCamp
If this astonishes you, then you are already missing something big while learning programming. It’s free code home. Tons of videos, articles, and curriculums to help you. One of such curriculum is about Frontend Libraries, i.e, our React.
You will not only learn ReactJS with Redux but also Jquery — another frontend framework. This will certainly let you know the need & essence of ReactJS over the other.
2. Academind
Might not have been surprised, have you? Academind is a mind of Genius who keeps both — he & us — very mindful regarding the learning. In his course, the paid one, he elaborated part and parcel of ReactJS. He teaches both the — functional components & class components in fine detail.
Why should I trust both of you? — You might question. No issues. Here is the snippet of his 50+hrs course on YouTube. If you like, go & buy. Else you know next.
3. Scrimba
If the modern interactivity while watching ‘How to Code X’ had a face. Such an elegant design. WoW, you won’t keep your eyes off. It’s never boring with a day coding on Scrimba. Variety of courses from highly experienced code masters. Just visit & awe yourself.
Note — If you want to start learning by doing, then do check James Q Quick's course on React, named, build a movie search app. It’s fascinating.
4. Brad Traversy
You want me not to mention him over here? Def not. Brad has created different types of playlists on ReactJS. One of my favs is — ReactJS projects. Where you learn by building projects, thus keeping your motivation sane.
Brad also has his own course on ReactJS, which is paid. You can find that on his YouTube channel.
Don’t forget to check out Guest Creators.
5. Coding Addict
No no, no wrong link. It's Coding Addict’s course which he made free for people like me & you ( who can’t afford it ). 15 React Projects — That’s the specialty. You start from scratch & go to the top of it.
Besides that fact, you will gain some design or styling knowledge. In general, being better at Frontend. John — the creator, takes each project on a professional level. Love those creative projects.
5 already down. Still, want more??
6. Zero To Mastery
Mastery, literally. Vast info at one place. The instructor goes deep in the roots & makes stuff feel like — yeah that’s it, not that hard.
The course is paid. A bit advanced in level but quite promising. It covers incredible lessons from the Redux saga, GraphQL, Stripe, PWA to testing in React. So worth each penny.
You might be thinking — Isn’t it that Tutorial HELL?
Well no, well yes. Depends, more accurately. If you go through each video one by one and do nothing except that, then big YES. Then why I listed so many? Because each of them has something different to offer. You can’t get the whole thing in one place. Don’t expect to have Reactopedia.
What you need to do is — follow a tutorial, learn & build projects from it. Then start your own project — may be your portfolio or the design you have in your mind for that dreamy website. Or just replicating another website from the Internet, like a Wikipedia clone. There are too many things that can be addressed. I will leave it to your imagination.
Done with videos. Tell me about reading guides. Articles, blogs, or tutorials, etc.
You should read. Really. There are some awesome authors who write on different pieces of ReactJS.
You can check the official guide by the Facebook developer team. It was more or less arduous to understand ( to me ) at the start. But things might be different for you.
The blogs that I understand without much stress are —
- Dmitri Pavlutin
Great author. Writes excessively on Frontend development. Explains in an easy manner. There are plenty of articles on ReactJS, including, popular guides on useEffect, useCallback, useMemo, etc. Don’t worry if this seems alien to you. You’ll get it eventually ( For the records, I still struggle to use it on the first go :( ).
2. Dave Ceddia
Dave’s book — Pure React is a must-read. Smooth explanations over the components & lifecycles.
Through his blogging, he makes sure that the hard parts or the unknown parts get familiar to us.
3. Kent C. Dodds
Creator of EpicReact. Novelist. An instructor who helps people make the World better through quality software ( rephrased his slogan. XD). Kent’s blog is a place where you will be tested as well as rewarded. You will find yourself reading software and related stuff. React too.
More? More?
The final in the list but not least or single source. Well, that’s the famous GitHub repository ever created on collections of React.
awesome-react contains everything from general tutorials, tools, blogs, videos, playgrounds, testing, to AR VR in React. You will be overwhelmed till the end for sure. That’s it. If you still think, you’re missing something, then, You’re just a Google Search away. ( & I am pretty sure that the search engine algorithm will be listening to you )
Woah, 6 ( 1320 words ) min read so far. Not bad. Let me just add a few more seconds. XD
Find me working here —
Have a great journey forward. I hope, you will soon know “How to React”.
Hoşçakal 👋
