My FeedDiscussionsHeadless CMS
Sign in
Log inSign up
Learn more about Hashnode Headless CMSHashnode Headless CMS
Collaborate seamlessly with Hashnode Headless CMS for Enterprise.
Upgrade ✨Learn more
Become a React superhero! Vol. 2

Become a React superhero! Vol. 2

Manny Henri's photo
Manny Henri
·May 16, 2018

React, due to its simplicity and design patterns, has been for me personally the one framework I always go to first when developing applications. And I've taught many courses on the subject across Lynda/Linkedin Learning and O'reilly so I wanted to provide for newbies the perfect path to learn this framework starting with the basics all the way through extending your mobile and VR programming with the React Native and ReactVR libraries.

In this second volume, we'll cover the next steps when you've had some experience with React. If you've missed the 1st volume click here.


Disclaimer: needless to say I am promoting a lot of my courses on this learning path but if you prefer you can replace this with any course on the same topic.

So here's the list for Vol. 2:

React intermediate/advance subjects

  • Testing & debugging : If you don't test how do you know your application works and behaves as planned? When you add new code how will this impact the rest of your application? Learn these skills ASAP if you want to make your life as a developer easier. I'm suggesting one course here but also practice beyond the course and go in depth on the libraries covered. Also get to know the tools available to you in your browser in depth, what is the source and network tab, how can you use perfomance tab, etc.
  • Composition VS inheritance : This is a subject not covered enough in my opinion, where developers need to get a good grasp of.
  • Redux & Context API & Mobx : State management is crucial to your success as a React developer. These are the 3 most popular ways for React devs to manage the state so get familiar with all 3 and you'll open lots of doors.
  • HOCs: Higher-order components is one area that will improve your React composition skills and can't be avoided. Learn it, practice it.
  • Type checking: when working with React (or any other JS projects), type checking is a must to improve predictability and quality of your code. You have 3 options when you want to do type checking:
  • Use proptypes : the easiest and quickest way to handle types in a React project, but doesn't offer as much as the next 2.
  • Use Flow : this is Facebook's own type checking library and ideal if you want to use advance type checking in a React application.
  • Use TypeScript : if you build both Angular and React projects and you want to work with the most popular and advanced library for types, use TypeScript. This one has tons of coverage and a big community for support.
  • Server-side rendering : In this course I cover the basics of server-side rendering and the tools you can use such as NextJS to achieve SSR.
  • Security with React : How to properly secure your React application is a VERY important subject. Current stats show that 80% of the production applications in the market can easily be hacked and don't follow basic security procedures. Even beyond this course I would take any JS security courses available to you such as NodeJS security, Javascript and general security courses. There is such demand for those skills that learning them will make you a lot more valuable. Trust me on this one.

In Vol. 3 we'll cover the extended React libraries such as React Native and ReactVR.