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
It’s very helpful to us.
Thank you
Thanks bro for the great information 😍
Thank you
Thank you very much for this type of guideline. It’s very useful for JS journey.
That’s totaly awesome. Thank you very much brother.
Thank you, love to hear
I know almost everything here but I can’t use it while working😭😥
It’s very sad to hear, you can do projects. that will help you
Thank you so much for the great information
Thank you apu da
This will really help a lot! As there is a checklist, I can easily figure out what is done & what still I have to do.
Thank you so much
A very good initiative ❤️
Thank you apu da
Great😃
Thanks For Best Information.
Thank you so much for the great information
Welcome
Thanks for the given important information. Completely agreed with you boss.
Thank you so much
It’s really good information 😍😍
Thank you
very good information and it’s true.
Thanks for giving us such kinds of significant information.
Thanks bro for giving nice informatiion
Thank you
Thank you so much for the great info. Really very useful.
Thank you
It’s really good information
Thank you
really it’s so informative for beginners. thanks bro
awsome article 👌👌👌
Thank you so much for your valuable information 🍁