DEV Community

Cover image for Everything You Need To Know To Get Started With ReactJS.
Bonnie
Bonnie

Posted on • Edited on

Everything You Need To Know To Get Started With ReactJS.

ReactJS can be quite overwhelming and intimidating when getting started.

Below is everything you need to know to set off your journey of learning ReactJS on the right foot as a developer.

What is ReactJS?

React is a free and open-source front-end JavaScript framework for building user interfaces based on UI components.

Before we go to why you should learn React, you can check out an ebook that has been helping me to:

  • Grow my Twitter account.
  • Get unlimited tweet ideas.
  • Write good threads that get engagements.

Before and after getting the ebook.

Image description

Image description
Get it here

Why should you learn ReactJS?

  • React developers are in high demand.
  • It is easy to learn.
  • It helps to build rich user interfaces.
  • Can build mobile apps using React Native

Benefits of ReactJS

  • Speed
  • Flexibility
  • Usability

Things to learn before learning ReactJS

  • HTML
  • CSS
  • Javascript
  • Package Manager (Node and NPM)
  • Command-line

What to learn in Javascript before learning ReactJS

General Javascript concepts:

  • Variables
  • Functions
  • Data types
  • Conditional statements

Modern Javascript concepts:

  • ES6 classes
  • let/const
  • Arrow functions
  • Destructuring assignment
  • ES6 modules
  • Asynchronous Javascript

Dev Environment Tools

  • Node
  • Browser - Chrome
  • Text Editor - Visual Studio Code
  • React Developer Tools

VS Code Extensions

  • Prettier-code formatter
  • ES7 React/Redux/GraphQL/React-Native snippets

Conclusion

All the best in your journey of learning React.

You can follow me at Bonnie as I will be sharing my journey.

Also, subscribe to my weekly newsletter where I share inspiring, valuable and quality content on Personal Development, Web Development and Technical Writing.

Top comments (0)