JavaScript Fundamentals You Need to Know Before Learning React

Topics

Why is it important to learn JavaScript before a framework?

• Programming concepts learned in vanilla JS apply to frameworks like React, Svelte, and Vue
• Debugging a framework is arguably more difficult when you don't know vanilla JS
• It's important to remember that frameworks are built on top of JS

What do you need to know before jumping in?

• Variables
  - const, let, var
  
• Conditional statements
  - if/else
  - switch
  - ternary
  - optional chaining
  - conditionals for display and not display are major parts of frameworks
• Scoping
• Looping
  - while
  - for
  
• Arrays
  - for each
  - map
  - reduce
  - filter
  - sort
  
• Async/await, promises, fetch
  - Getting, waiting for, and propagating data is a big part of why we use frameworks
• Template Literals
  - Frameworks like React can benefit a lot from combining strings, functions and variables in the same line - especially for templating
• Deconstructing
• Spread operator