JavaScript Concepts to Learn Before Jumping Into Frameworks

Published:
December 16, 2021
December 16, 2021
Updated:
December 16, 2021

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 ⚡

1. Functions

2. Conditionals

3. Loops

4. Arrays

5. 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.

Written by...
Mike Karan

I've been a full-stack web developer for 8+ years! Co-host of the HTML All The Things Podcast. Svelte, Vue.js, React, Node, SQL I love all things technology.

More to Read...