DEV Community

gaurbprajapati
gaurbprajapati

Posted on

3

JavaScript concepts you need to know before getting into React...

1.Arrow Functions:
An arrow function expression is a compact alternative to a
traditional function expression.
https://javascript.info/arrow-functions-basics

2.Let/var/const variables:
Understand the difference between them, uses and their
respective scopes.
https://youtu.be/BNC6slYCj50

https://www.freecodecamp.org/news/var-let-and-const-whats-the-difference/

3.Destructuring assignment:
JavaScript expression that makes it possible to unpack values
from arrays, or properties from objects, into a bunch of
variables.
https://youtu.be/giNjEgYTd9E
https://developer.mozilla.org/enUS/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

4.Template Literals:
With ES6, a newer form of string called template literal was
given, which consists of two backticks .
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

https://youtu.be/K4Kh5gw4PRE

5.Using Fetch:
The Fetch API provides a JavaScript interface for accessing and
manipulating parts of the HTTP pipeline, such as requests and
responses.
https://youtu.be/drK6mdA9d_M

https://developer.mozilla.org/enUS/docs/Web/API/Fetch_API/Using_Fetch

6.Import / Export:
ES6 gave people ability to share code between their own
JavaScript files as well as third-party libraries using ES
modules.
https://youtu.be/s9kNndJLOjg

https://javascript.info/import-export

7.Async Js, Promise, Callback:
Such topics have been given in this thread, checkout.
https://youtu.be/ZYb_ZU8LNxs

8.Array functions- Map, Reduce, and Filter:

https://youtu.be/zdp0zrpKzIE

https://www.geeksforgeeks.org/how-to-map-reduce-and-filter-a-set-elementusingjavascript/#:~:text=The%20map()%2C%20reduce(),instead%20of%20using%20the%20loops.

If You Want to learn Javascript in detail you can refer
"Namaste Javascript" YouTube playlist 👇

https://youtube.com/playlist?list=PLlasXeu85E9cQ32gLCvAvr9vNaUccPVNP

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay