Free React Tutorials for Beginners
Brief intro to React
React is a JavaScript library for building user interfaces. It helps you focus on building a view layer for both web and mobile application. With an increase in the use of Single Page Application (SPA), frameworks like Angular, Vue, and Ember among others have been developed to focus on Model View Controller architecture.
However, React is not a SPA framework but a library. It is the View in Model View Controller. React enables you break a web or mobile page into maintainable smaller fragment (Component).
Why React?
- Boosts productivity through maintainable components
- React helps you write better vanilla JavaScript
- Guarantees a stable code base with faster rendering on the browser
- Facilitate both web and mobile(React Native) development
- It is relatively easy to learn and has a community of millions of developers
With that said, below is the list of tutorials to get you started as a beginner:
- Comprehensive Introduction to React: In this course, Bob Ziroll gave an interactive and project-based intro to react. This course is hosted on scrimba, a video learning platform that also let you code along as learn.
- React Crash Course by Traversy Media: In this course, Traversy Media talked about what react is, event handling, JSX, state, and props. The course follows a project-based approach and gets you started immediately.
- FreeCodeCamp React Curriculum: FreeCodeCamp is a non-profit organization that consists of an interactive learning web platform. Their react course is beginners friendly and exercises are given at the end of each lesson.
- React Introduction by Julien Benchetrit: This blog post walks you through the fundamentals of react in a meticulous manner and at the end create a Tweet Box.
- Learn ReactJS by Maximilian Schwarzmuller: In this course, max starts at the very basics and explain what exactly React is and how you may use it. The course is designed to take anyone from basic to advanced.
Dev Coffee also gave a quick intro to ReactJS
Coding and Hosting React Application
Codepen and Codesandbox are Social development environment for front-end designers and developers. It lets develop and host react application.
If you prefer to code on your local machine, copy the template below to get started
