My FeedDiscussionsHeadless CMS
New
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. 1

Become a React superhero! Vol. 1

Manny Henri's photo
Manny Henri
·May 9, 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 first volume we'll cover the basics path to learn React, we'll take a look at intermediate subjects in Vol. 2!

middle_band.png

Sorry for the superhero analogy, but I am both a superhero (Marvel mostly) and React fanatic so this is perfect!

And if you have some experience with any of the topics advance to the next one. I also assume you have some HTML/CSS/JavaScript experience so you don't get too lost in the details of the syntx, if not I would recommend you do take a basic JS course where they give you the basics of ES6 syntax.

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 let's get started:

React basics

  1. Thinking in React : I find this to be a great introduction to provide an understanding of how to think when writing React.
  2. React ecosystem : This course will give you an overview of the existing React ecosystem and its purpose.
  3. Building a React app from scratch : In this course I go over the basics of React while building an application.
  4. Working with Styles in React : In this course I explore several options for styling your components.
  5. Learn React routing : In this course I explore the basics of routing with React Router (V4)
  6. Working with APIs : Now it's time to start working with external APIs in React and I go over the basics (with a project) how to work with data.
  7. State & lifecycle : as a final step for basic React it's important to get an introduction to the state and lifecycle methods which we've used in many courses above, but this will reinforce your understanding of this important topic.

So this is a great way to get started on your learning path with React, once you've mastered these subjects, you can move on to Vol. 2 of the learning path .