Skip to content

Instantly share code, notes, and snippets.

@gaearon
Last active March 27, 2024 11:43
Show Gist options
  • Save gaearon/683e676101005de0add59e8bb345340c to your computer and use it in GitHub Desktop.
Save gaearon/683e676101005de0add59e8bb345340c to your computer and use it in GitHub Desktop.
Modern JavaScript in React Documentation

If you haven’t worked with JavaScript in the last few years, these three points should give you enough knowledge to feel comfortable reading the React documentation:

  • We define variables with let and const statements. For the purposes of the React documentation, you can consider them equivalent to var.
  • We use the class keyword to define JavaScript classes. There are two things worth remembering about them. Firstly, unlike with objects, you don't need to put commas between class method definitions. Secondly, unlike many other languages with classes, in JavaScript the value of this in a method depends on how it is called.
  • We sometimes use => to define "arrow functions". They're like regular functions, but shorter. For example, x => x * 2 is roughly equivalent to function(x) { return x * 2; }. Importantly, arrow functions don't have their own this value so they're handy when you want to preserve the this value from an outer method definition.

Don't worry if this is too much to take in at once. The MDN JavaScript Reference is a stellar resource, and you can consult it whenever you get confused by something.

Also, when you feel unsure about what some newer syntax means, you can use the Babel REPL with the ES2015 preset to check what equivalent older syntax it compiles to.

@felixtemikotan
Copy link

Thank you. This proves to be very informative.

@TUCCHI1
Copy link

TUCCHI1 commented Aug 18, 2022

thanks

@moooza
Copy link

moooza commented Aug 28, 2022

thank you

@chlxdb
Copy link

chlxdb commented Aug 29, 2022

Thanks!!

@napalfacundo
Copy link

Thank you, helpful!

@Gameonn
Copy link

Gameonn commented Sep 6, 2022

@gaearon hello the last link is broken: Babel REPL with the ES2015 preset image

Try out this link for Babel REPL with the ES2015 preset, it worked for me.

@Coderamrin
Copy link

a very brief intro to ES6. thanks fro this simplest tutorial.

@huynhit24
Copy link

Good!

@Basar1985
Copy link

Nice project

@nabhsing
Copy link

nabhsing commented Oct 6, 2022

Thank you!

@Indiphile
Copy link

Thank you!!!

@fritzjackhunt
Copy link

Thanks!!

@Mensonb
Copy link

Mensonb commented Oct 25, 2022

thanks

@TalmageBird
Copy link

thanks

Copy link

ghost commented Nov 7, 2022

thank you! It was helpful

@Haticeors
Copy link

thanks your shares !

@Bert-King
Copy link

thanks,it's save my time

@bigqz
Copy link

bigqz commented Dec 13, 2022

six six six

@iamqureshi
Copy link

this was Helpfull to me thank you one more time ....

@SINAZZzz
Copy link

Thank you

@iamsaqib24
Copy link

this was helpful, thanks for sharing.

@Hajar-khaldi
Copy link

Hajar-khaldi commented Jan 2, 2023

Thank you for the informations, people who can't access to the link, try this one : https://babeljs.io/repl

@Slane-tm
Copy link

thanks

@Lewis-Peter
Copy link

Thanks

@DCdafan
Copy link

DCdafan commented Jan 30, 2023

thanks

@Harshit-Raj-14
Copy link

thank you

@PenpenBerboss
Copy link

merci

@BrightGyasi
Copy link

thank you!

@mosesedges
Copy link

Thanks. This is helpful for my react students

@sarthak-negi22
Copy link

thanks!

@marwagunn
Copy link

thanks

@tsuifei
Copy link

tsuifei commented Feb 23, 2023

This is helpful for my react students, Thanks.

@shwky56
Copy link

shwky56 commented Feb 27, 2023

it's vare good

@10kartik
Copy link

Thanks, Helpful!

@asafbendor
Copy link

Thank you!
That help.

@malekbeloula
Copy link

Thank you

@Smith-DLAB
Copy link

Thanks, Helpful

@BasemYahia402
Copy link

that is fantastic

@babulpro
Copy link

babulpro commented Jul 9, 2023

nice

@ssuvam-dev
Copy link

Thanks, Helpful!

@maksymmarinovskyi
Copy link

Thank you!

@shwetank00001
Copy link

gg

@halococo
Copy link

halococo commented Dec 2, 2023

Thank you ! I love this article.

@easylee1996
Copy link

Thank you!

@praveenMadanayake
Copy link

Thank you!

@devanshraut
Copy link

Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment