JavaScript Concepts You Should Know Before Learning React.

A thread 🧵 ↓

1. let, const, and var.

• Difference between let, const, and var.
• Their scopes and declarations.

Here's a details thread about them ↓

https://t.co/45B9b826HE
2. Arrow Functions

• What are arrow functions?
• Difference between traditional and arrow functions.
• Scoping of arrow functions (lexical).

Here's an elaborated article about arrow functions ↓
https://t.co/amgmsQhQQ8
3. Template Literals

• What are template literals?
• How to use them?
• Limitations and disadvantages.

MDN's docs has got you covered ↓

https://t.co/KwYtiiCoMh
4. Destructuring Assignment

• Array and object destructuring.
• Nested destructuring.

This MDN doc will help you learn all you need to know ↓

https://t.co/kcW2VGSTEd
5. Working with APIs

• Using the fetch API.
• The Request-Response cycle.
• Async/Await and Promises

Here's a tutorial on how to use fetch ↓

https://t.co/jSuPXM1PTi
6. Async/Await and Promises

• What is asynchronous programming?
• What are Promises and how to work with them.
• Async/Await and Callbacks.

Here's a good article on Async/Await ↓

https://t.co/xrtI8vwd40
7. JavaScript Modules

• Import and Export modules.
• Dynamic Imports.
• Limitations of modules.

Here's an article that'll help you learn JS Modules ↓

https://t.co/tB315KSU9g
That's all for now.

If you liked this thread, make sure to:

1. Follow me @parik36

2. Retweet the first tweet

Thank you so much for getting to the end of the thread 💙 ! Let me know what you think below 😊 .

Cheers! 🍻

You May Also Like

A brief analysis and comparison of the CSS for Twitter's PWA vs Twitter's legacy desktop website. The difference is dramatic and I'll touch on some reasons why.

Legacy site *downloads* ~630 KB CSS per theme and writing direction.

6,769 rules
9,252 selectors
16.7k declarations
3,370 unique declarations
44 media queries
36 unique colors
50 unique background colors
46 unique font sizes
39 unique z-indices

https://t.co/qyl4Bt1i5x


PWA *incrementally generates* ~30 KB CSS that handles all themes and writing directions.

735 rules
740 selectors
757 declarations
730 unique declarations
0 media queries
11 unique colors
32 unique background colors
15 unique font sizes
7 unique z-indices

https://t.co/w7oNG5KUkJ


The legacy site's CSS is what happens when hundreds of people directly write CSS over many years. Specificity wars, redundancy, a house of cards that can't be fixed. The result is extremely inefficient and error-prone styling that punishes users and developers.

The PWA's CSS is generated on-demand by a JS framework that manages styles and outputs "atomic CSS". The framework can enforce strict constraints and perform optimisations, which is why the CSS is so much smaller and safer. Style conflicts and unbounded CSS growth are avoided.