It’s a very common question I get asked all the time about how much JS I should know before I learn React. I’ll break that down on this blog

It isn’t necessary to learn all of JavaScript

You will never need to learn “All” to get into React JS, but you will need to learn the core things of JavaScript to move on to react. To learn anything that involves JavaScript, you must first gain a solid understanding of JavaScript.

Can I learn to React without JavaScript?

Definitely not! ReactJS is a library of JavaScript. If you don’t really know JavaScript you will be a big zero on react. But that doesn’t mean you have to be a master of JavaScript. 

JavaScript before starting React JS

JavaScript Fundamentals

• Variables
• Comments, Output system
• Data Types in a nutshell
• Primitive Data Types
• Non-Primitive Data Types
• Template Strings
• Operators

Flow Control

• Conditional Statements (if, else)
• Logical Operators
• Comparison Operators / relational operators
• Loops (while, for, forEach)
• Break & Continue
• Switch Statements

Functions

• Declaring Function & Expressions
• Arrow Functions
• Higher-Order Functions
• Hoisting
• Default Parameters
• Callback functions
• Nested function
• Scope

Array Methods

• All Array Methods
• Map, Reduce, Filter

Object

• Object, Properties
• Object Methods
• ‘this’ Keyword
• Math object

Asynchronous JavaScript

• Promise, async await
• Fetch/ Axios
• Callback

ES6 Features

• ES6 Modules
• Let & Const
• Arrow function
• Classes
• Template literals
• Spread operator
• Rest parameters
• Destructuring

DOM (At least know the basic level)

• What is the Document Object Model?
• The Query Selector
• Adding and changing Attributes
• Adding CSS Styles
• Basic Events
• Creating & Removing Elements

And at least create a “to-do app” with raw JavaScript before starting react!

How much time would it take to learn those?

It’s my personal opinion. It could take 15 to 20 days to learn all I have listed. Let’s do it. React is waiting for you!

Conclusion

I hope you enjoyed reading this article. If you like it and want to read more of my blogs you can check my website https://khaliddev.com