Тёмный

JavaScript ES2020 awesome new features. 

techsith
Подписаться 148 тыс.
Просмотров 59 тыс.
50% 1

ECMA 2020 version features BigInt , Promise.allSettled() , globalThis , Nullish Coalescing Operator (??) , Optional Chaining Operator (?.)
#javaScript #ES2020 #globalThis
*My Udemy Courses
www.udemy.com/js-masterclass/
www.udemy.com/course/react-ho...
Follow me for technology updates
* / techsith
* / techsith
* / techsith1
* / 13677140
* / patelhemil
Help me translate this video.
* ru-vid.com_cs_...
Note: use translate.google.com/ to translate this video to your language. Let me know once you do that so i can give you credit. Thank you in advance.

Наука

Опубликовано:

 

1 янв 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 98   
@dinckelman
@dinckelman 4 года назад
I've been waiting for these to make their way from TS into JS for so long. Great stuff!
@bodemilan2954
@bodemilan2954 2 года назад
i dont mean to be offtopic but does someone know of a way to get back into an Instagram account?? I was stupid lost my account password. I appreciate any help you can offer me.
@coder4life
@coder4life 4 года назад
Thanks. Another great video. Happy New Year!
@mrjebbar
@mrjebbar 4 года назад
Great work TechSith. You're one of the best technical teachers on RU-vid and trust me, I've watched too many videos on JS. Keep up your good videos. I like that you give examples to put this into context.
@Techsithtube
@Techsithtube 4 года назад
Thanks for watching HandyMandy. BTW, I like that name HandyMandy. Keep on learning!
@MCA96
@MCA96 3 года назад
I've just finished this big playlist of Advanced JavaScript Topics. I've learnt a lot. Thank you for the great content!
@shashiverma6219
@shashiverma6219 3 года назад
Can u share the playlist?
@vignesh462
@vignesh462 4 года назад
Cool video😍 at start of the year 😊 Keep rocking
@Techsithtube
@Techsithtube 4 года назад
Happy New Year vignesh. Keep on learning.
@vasilegrad3326
@vasilegrad3326 4 года назад
Cool video. Happy New Year!
@Techsithtube
@Techsithtube 4 года назад
Happy New Year Vasile. Thanks for watching!
@GaneshKumar-fv2cg
@GaneshKumar-fv2cg 4 года назад
Perfect!. Thanks for the video
@Techsithtube
@Techsithtube 4 года назад
Happy new year, thanks for watching Ganesh
@ankush3707
@ankush3707 3 года назад
great stuff
@somehappyguy6598
@somehappyguy6598 4 года назад
Thanks! I love this channel. When I started learning JS I was also learning TS so I used the "?" operator in TypeScript, but I thought it was JS, it was disappointing for me to realize that it was available only on TS. Thanks Hemil!
@Techsithtube
@Techsithtube 4 года назад
TS competes with Babel but it follows ecma standards so what is in Ts , ultimately comes to js.
@somehappyguy6598
@somehappyguy6598 4 года назад
Thanks for sharing your wisdom, I am an improved version of myself because of what I learn from people like you :)
@coder4life
@coder4life 4 года назад
Haha I once did the same. So happy about this upcoming feature.
@dealloc
@dealloc 4 года назад
TypeScript supports null coalescing operator and optional chaining and depending on the target language will either expand or keep the syntax. For example, if you target to a version less than ES2020, your compiled code will be expanded into an identical check. If however, you target ES2020 or later, it will keep the syntax that is supported by that version.
@IqbalAhmed-qk5ix
@IqbalAhmed-qk5ix 4 года назад
Great sir Thank u
@otmanm4095
@otmanm4095 3 года назад
Great!
@JayKumar-ey6jq
@JayKumar-ey6jq 4 года назад
Thank's
@majjisrinu3518
@majjisrinu3518 4 года назад
Thank You so much for the video Sir
@Techsithtube
@Techsithtube 4 года назад
Most welcome!
@majjisrinu3518
@majjisrinu3518 4 года назад
@@Techsithtube Sir could you please make some videos on build tools like Webpack so that it will help people to understanding on application setup and build process thanks majji
@anamulhoq6948
@anamulhoq6948 3 года назад
Thanks, it will help us to write clean code
@sarangchoudhary7062
@sarangchoudhary7062 4 года назад
Very nice
@Techsithtube
@Techsithtube 4 года назад
Thanks for watching Sarang
@yashwanthsrini
@yashwanthsrini Год назад
Thanks
@ashishmangla221
@ashishmangla221 4 года назад
its awsome
@Techsithtube
@Techsithtube 4 года назад
Thanks for watching Ashish.
@yi-peihuang1467
@yi-peihuang1467 4 года назад
Definitely a decent way to start the new year 2020 with ES2020! Thank you sooooo much for this sharing. ^___^b
@Techsithtube
@Techsithtube 4 года назад
Yi-Pei Happy Near Year and happy learning. Thanks for watching!
@blessdarah1256
@blessdarah1256 4 года назад
I like how they have borrowed ?? and ?. from angular. It makes coding thing with vanilla js much more simpler. This can make pairing ?. with ??. Oh my... Happy New Year techsith
@Techsithtube
@Techsithtube 4 года назад
Angular is also JavaScript , the features where implemented earlier in typeScript that is being used with angular. Usually typeScript is ahead of javaScript because its a transpiler.
@blessdarah1256
@blessdarah1256 4 года назад
Oh yeah... That's correct!
@sandeepsandy214
@sandeepsandy214 4 года назад
Happy new year #techsith sir
@Techsithtube
@Techsithtube 4 года назад
Happy New Year and happy learning!
@sandeepsandy214
@sandeepsandy214 4 года назад
@@Techsithtube hi sir I would like to know this features can implement in typescript also
@Techsithtube
@Techsithtube 4 года назад
I believe most of the features should already be in TS. I know they are already in Babel
@bapinmalakar3846
@bapinmalakar3846 4 года назад
BigInt, globalthis, allsatelled are 2019 features. ?. I m using this feature since 2018 in angular. ?? is new for me🤘🏻🤘🏻
@Techsithtube
@Techsithtube 4 года назад
You are probably using the features in typescript which is transpilier. Some of the features already exist in Babel for some time. Es2020 is a version of javascript, it has less to do with the actual year 2020.
@MIHANIZM56
@MIHANIZM56 4 года назад
@@Techsithtube Have these features already released?
@jul4173
@jul4173 4 года назад
angular had ?. only in dom, typescript has it also now, but only since November 2019
@eduriseworld
@eduriseworld 4 года назад
We really like the way you're teaching. We started teaching project-based React. And would appreciate your feedback.
@Techsithtube
@Techsithtube 4 года назад
Ramtoo. feel free to send me the info. I can review it.
@fdc_8507
@fdc_8507 4 года назад
💕
@the_primal_instinct
@the_primal_instinct 4 года назад
Should have called the 3rd promise p4 just to trigger everyone's OCD.
@Techsithtube
@Techsithtube 4 года назад
I made that kind of mistakes and paid the price for it. :) In new world people start trolling you and start calling you names. But It's always tempting to do divert from normal.
@rowlandekemezie
@rowlandekemezie 4 года назад
Excellent video. What software do you use for video editing?
@Techsithtube
@Techsithtube 4 года назад
I use camtesia video editor. Thanks for watching
@harshilparmar9076
@harshilparmar9076 4 года назад
bau divase video aayo pan jordar aayo
@Techsithtube
@Techsithtube 4 года назад
Thanks for watching Harshil bhai. Koi Question hoy to puchhajo.
@harshilparmar9076
@harshilparmar9076 4 года назад
@@Techsithtube are chokkas 🙌
@Ath9493
@Ath9493 4 года назад
Thanks for the video ! Can you please also guide us over data structure and algorithms in Javascript? Would be a great help
@Techsithtube
@Techsithtube 4 года назад
Yes this year I am going focus on algorithms and data structures. I may also put stuff on my second channel as well. Which is interviewnest
@Ath9493
@Ath9493 4 года назад
@@Techsithtube Cool
@hamidrezakazemi7746
@hamidrezakazemi7746 4 года назад
thanks for the video. why optional chaining still not working in react or angular app? they use webpack & compile es6 to es5 using babel-loader only angular template supports it.
@Techsithtube
@Techsithtube 4 года назад
What is the version of Babel?
@hamidrezakazemi7746
@hamidrezakazemi7746 4 года назад
@@Techsithtube version: ... "dependencies": { "@babel/core": "7.4.3", "babel-eslint": "10.0.1", "babel-jest": "^24.8.0", "babel-loader": "8.0.5", "babel-plugin-named-asset-import": "^0.3.2", "babel-preset-react-app": "^9.0.0", .... webpack.config: ... { test: /\.(js|mjs|jsx|ts|tsx)$/, include: paths.appSrc, loader: require.resolve('babel-loader'), options: { customize: require.resolve( 'babel-preset-react-app/webpack-overrides' ), // @remove-on-eject-begin babelrc: false, configFile: false, presets: [require.resolve('babel-preset-react-app')], ...
@harishtati5667
@harishtati5667 2 года назад
Hi sir. What are the steps we should follow for migrating a project of es6 to es2020. Could you please provide any best resourse or anything.
@Skia_
@Skia_ 4 года назад
Mate, as for the " ?. " operator Doesn't it already exist in Typescript? I remember having needed to use it quite a few times back when i played with Angular in the past I dunno why i always believed that it also existed in Javascript ;D
@Techsithtube
@Techsithtube 4 года назад
Typescript is usually ahead of the js so it has features that may not be in js. Glad to know you used ?. Operator it's one of the useful one that not a lot of people know
@vinayakshahdeo7578
@vinayakshahdeo7578 4 года назад
Does the ?? Comes with all version of react as they have inbuilt babel?
@Techsithtube
@Techsithtube 4 года назад
It should be available for you in a react project because of Babel. You can start using it today. :)
@vinayakshahdeo7578
@vinayakshahdeo7578 4 года назад
I had a query I have been trying to take screenshot using React and add it automatically for file upload but I am unable to do it. Can you help me out?
@Imran-M-
@Imran-M- 4 года назад
How different it is from ES2019 and ES6? Is it required to learn from Test Automation (with JavaScript) perspective? Please confirm.
@Techsithtube
@Techsithtube 4 года назад
Imran, each version of JavaScript adds new features and deprecate few old ones. So ES6 was released around 2015 and ES2019 was released last year.
@harishtati5667
@harishtati5667 3 года назад
Hi Sir, how can we know latest updates or docs from related to ES. Like ES6 or ES7 or ES2020 features and all. I tried MDN but its showing all things. Where can we find these latest ones?
@Techsithtube
@Techsithtube 3 года назад
There are tons of resource on ES2020 on internet. this is a good resource kangax.github.io/compat-table/es2016plus/
@harishtati5667
@harishtati5667 3 года назад
@@Techsithtube thank you. I have watched most of all your js videos. Its really nice and clear.
@vnm_8945
@vnm_8945 2 года назад
can someone explain to me why console.log(x && x.profile && x.profile.name) doesn't return false when they are not defined shouldn't this expression be transformed in a boolean when using &&?
@prabhukadode723
@prabhukadode723 4 года назад
The best feature i liked is x?.profile?.name ..
@Techsithtube
@Techsithtube 4 года назад
Yes that is one of my favorite features too.
@Raziel369
@Raziel369 4 года назад
Elvis operator
@shubhamdikkar2823
@shubhamdikkar2823 4 года назад
how to download embedded pdf from js viewer from website ctrl+p not working, display : none to display : inline not working any other way to download. please help me
@TodorescuProgramming
@TodorescuProgramming 4 года назад
x?.profile?.name was basically available in ES2018 too
@Techsithtube
@Techsithtube 4 года назад
Tudor, As of 2020 jan, its still not available in JavaScript . I am using latest chrome. I am assuming that you were using either babel or typescript, there they have implemented sometime ago, but its not javaScript. Also ES2018 has nothing to do with the actual year 2018 . some of the ES2020 was implemented in some browsers last year and some will be implemented this year and some my go to 2021.
@TodorescuProgramming
@TodorescuProgramming 4 года назад
@@Techsithtube you're right, I'm using that with a superset, with typescript
@dealloc
@dealloc 4 года назад
@@TodorescuProgramming If you take a look at the compiled TypeScript with the target set to a version less than ES2020, you will see why it works; it expands it into an identical check that works in earlier versions. If you set the target to ES2020 or later, it will keep the syntax as-is.
@tanzimibthesam5861
@tanzimibthesam5861 4 года назад
Sir any tutorials on Blazor?
@Techsithtube
@Techsithtube 4 года назад
not yet I am leaning in deep on Blazor and overall webassembly. Will start a series on it soon.
@pikachu5223
@pikachu5223 4 года назад
When i can use this without babel?
@alexmachin1785
@alexmachin1785 4 года назад
Probably not for a while 😂😂😂
@Techsithtube
@Techsithtube 4 года назад
Some of the features are three already in the latest browser and next version of chrome would have most of the features mentioned in the video. HOwever, I would still recommend using babel for backward compatibility.
@uberboy6986
@uberboy6986 3 года назад
He didn't say that the upcoming year would be good, how did he know?
@foxautumnsocks
@foxautumnsocks 4 года назад
all these cool new features. Too bad we still have to cater to people using IE.
@Techsithtube
@Techsithtube 4 года назад
Even react by default now doesnt support IE. you can make the case for it to your team as less than one percent people still use IE. However if you use transpiler like Babel or Typescript they would polifill all those features so you could use it for IE11 .
@kazaakas
@kazaakas 4 года назад
WHY OH WHY OH WHY did they make the spec to be "fulfilled" instead of "resolved"? Why introduce inconsistencies in the terminology that has been used for 5 years already! I just don't get it. Fulfilled is also a word easier to miss typos in.
@Techsithtube
@Techsithtube 4 года назад
That is a valid point. resolved should be a better choice of word since resolve is already used. I think these js committees would need better oversight.
@Oswee
@Oswee 4 года назад
Would be great to make some updated and COMPLETE and opinioted development setups for 1) Component library development and 2) For application development WITHOUT frameworks. Like... VS Code settings.json, node, yarn, lerna, typescript, eslint, prettier, husky, lint-staged, mby hygen, git, npm. While there are a ton of material on how to use those tools in separation, firstly 99,9% of those tutorials are real crap and far from real-world development. Secondly, often there are tweaks and tricks to compose different tools to play together nicely. Think of .gitignore and lintstagedrc. Or tsconfig 'extends' property for better monorepo code organization for different builds. Or... i often see tslint and eslint in same repository which is somewhat outdated thing to do. Typescript component library monorepo setup. How to do that? Rarely who knows that. How to configure eslint with prettier? Rarely who exposes good practices. "You can do this or you can do that" is bad way to teach something. You need to teach about caveats, tricks, USECASES when to prefer one setting over another. It would be much better to have OPINIONATED, but complete setups than non-opinionated, but incomplete setups. And... in my experience there are those 2 kind of setups mostly used. One for NPM library development and another for application development where you import your own NPM modules.
@Techsithtube
@Techsithtube 4 года назад
Dzintars, Thanks for the suggestion . I am going to start with a series on building a component library that you can be consumed by multiple projects. I think that requires lot of the configuration and technologies .
@Oswee
@Oswee 4 года назад
@@Techsithtube Ouh, great!. Yeah..i already mentioned most of them. + conventional commits. :) Also, these days Yarn gets pretty popular, but as i read in NPM blog, NPM is not OK to give up their market-share :) and they working on workspaces (important for monorepos) and caching and what not. They plan to complete those things in NPM 8... so... i don't know what FB team will bring on the table at that time. But for now Yarn is way to go. I forgot about StoryBook and Netlify publishing. Also important part. Mby visual tests as well. For me still uncovered topic is... what should i include in my published package... i mean, to bundle or not to bundle, minify or not, ESNext or ES2017, standard ES modules or not, import specifiers and so on. These things are important to publish good quality packages, but rarely who in RU-vid has a complete knowledge about them, so they avoid to give any recommendations or opinions.
@ravitejavankam2977
@ravitejavankam2977 4 года назад
You can this condition:- if('name' in x.profile) till '??' is not available
@Techsithtube
@Techsithtube 4 года назад
Yep that is also a good solution . Thanks for sharing Raviteja
@mohdeshtiwi629
@mohdeshtiwi629 4 года назад
WW III
@manjunathkadlimatti3245
@manjunathkadlimatti3245 4 года назад
First
@Techsithtube
@Techsithtube 4 года назад
Thanks for being the first:)
Далее
Array.from  Method in JavaScript
12:09
Просмотров 37 тыс.
Async Await JavaScript ES7
26:39
Просмотров 120 тыс.
Мама ударила дочь #shorts #iribaby
00:17
Tragic Moments 😥 #2
00:30
Просмотров 3,2 млн
Bitwise Operators JavaScript
16:20
Просмотров 14 тыс.
React data fetch with suspense  | concurrency mode
19:43
Lecture 6: Version Control (git) (2020)
1:25:00
Просмотров 663 тыс.
JavaScript OOP Crash Course (ES5 & ES6)
40:21
Просмотров 580 тыс.
top 10 JavaScript tricks
17:18
Просмотров 19 тыс.
Полезные программы для Windows
0:56