Fundamental JavaScript concepts to learn before jumping into React, Svelte or Vue
A thread. 🧵 👇
1. Functions
Reusable named blocks of code that help to organize and prevent repetition.
The basic function declaration concept will be used constantly with any framework.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions
2. Conditionals
If statement and switch cases. The conditional allows you to write code that reacts to user inputs, dynamic data and decisions.
They are the main construct of implementing logic.
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/conditionals
3. Loops
Repeat a block of code a set number of times or until a condition is met.
Also used to prevent repetition and react to dynamic data. Think about an array where you don't know how many elements it will have.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration
4. Arrays
Arrays in JavaScript are the most used data structure. They have built in functionality that allows you to filter, sort, search and iterate over them.
They are heavily used in most JavaScript frameworks to build out dynamic user interfaces.
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/Arrays
5. Fetch
The ability to interact with external data with a 'request' and 'response' approach.
Knowing how interact with an API is a key skill. Frameworks are used heavily for interacting with external data.
https://developer.mozilla.org/en-US/docs/Web/API/fetch
⚡ TL/DR ⚡
- Functions
- Conditionals
- Loops
- Arrays
- Fetch
There is of course a ton more to learn but these fundamental programming concepts will make learning Svelte, Vue and React a bit easier.