How much Javascript is needed to learn ReactJS
Tags: javascript, webdev, react, nextjs
Published: 2023-10-18 16:49:57

Don't overwhelm to learn JavaScript,🙄 
  
JavaScript is only this much👇😊

1. Variables
• var
• let
• const

2. Data Types
• number
• string
• boolean
• null
• undefined
• symbol

3.Expressions Primary expressions
• this
• Literals
• []
• {}
• function
• class
• async function
• async function*
• /ab+c/i
• string
• ( )
• Property accessors
• ?.
• new
• new .target
• import.meta
• super
• import()

4.operators
• Arithmetic Operators: +, -, *, /, %
• Comparison Operators: ==, ===, !=, !==, <, >, <=, >=
• Logical Operators: &&, ||, !

5.Control Structures
• if
• else if
• else
• switch
• case
• default

6.Iterations/Loop
• do...while
• for
• for...in
• for...of
• for await...of
• while

7.Functions
• Arrow Functions
• Default parameters
• Rest parameters
• arguments
• Method definitions
• getter
• setter

8.Objects and Arrays
• Object Literal: { key: value }
• Array Literal: [element1, element2, ...]
• Object Methods and Properties
• Array Methods: push(), pop(), shift(), unshift(),
splice(), slice(), forEach(), map(), filter()

9.Classes and Prototypes
• Class Declaration
• Constructor Functions
• Prototypal Inheritance
• extends keyword
• super keyword
• Private class features
• Public class fields
• static
• Static initialization blocks

10.Error Handling
• try,
• catch,
• finally (exception handling)

ADVANCED CONCEPTS
--------------------------

11.Closures
• Lexical Scope
• Function Scope
• Closure Use Cases

12.Asynchronous JavaScript
• Callback Functions
• Promises
• async/await Syntax
• Fetch API
• XMLHttpRequest

13.Modules
• import and export Statements (ES6 Modules)
• CommonJS Modules (require, module.exports)

14.Event Handling
• Event Listeners
• Event Object
• Bubbling and Capturing

15.DOM Manipulation
• Selecting DOM Elements
• Modifying Element Properties
• Creating and Appending Elements

16.Regular Expressions
• Pattern Matching
• RegExp Methods: test(), exec(), match(), replace()

17.Browser APIs
• localStorage and sessionStorage
• navigator Object
• Geolocation API
• Canvas API

18.Web APIs
• setTimeout(), setInterval()
• XMLHttpRequest
• Fetch API
• WebSockets

19.Functional Programming
• Higher-Order Functions
• map(), reduce(), filter()
• Pure Functions and Immutability

20.Promises and Asynchronous Patterns
• Promise Chaining
• Error Handling with Promises
• Async/Await

21.ES6+ Features
• Template Literals
• Destructuring Assignment
• Rest and Spread Operators
• Arrow Functions
• Classes and Inheritance
• Default Parameters
• let, const Block Scoping

22.Browser Object Model (BOM)
• window Object
• history Object
• location Object
• navigator Object

23.Node.js Specific Concepts
• require()
• Node.js Modules (module.exports)
• File System Module (fs)
• npm (Node Package Manager)

24.Testing Frameworks
• Jasmine
• Mocha
• Jest

𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀 (youtube):

Code with Harry : https://youtube.com/playlist?list=PLu0W_9lII9ahR1blWXxgSlL4y9iQBnLpR&si=j2CohRVKVMBfB48e

Thapa technical :
1. https://youtu.be/KGkiIBTq0y0?si=QzXyY8wlxwpN1GcJ
2. https://youtu.be/i_juCR65PBM?si=BF3f4qvhhjAeWOl7

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o3itip4pzeubdb11pkqj.png)