Тёмный

Require vs Import Javascript 

Monsterlessons Academy
Подписаться 42 тыс.
Просмотров 75 тыс.
50% 1

In this video you will learn on example the different ways of creating modules in Javascript on real examples. The first thing in Javascript was Immediately invoked function expression (IIFE) then we got CommonJS modules which are mostly used in NodeJS and the modern way is ES6 modules. Each module system has it's own pros and cons and we will compare them all to find out which one is the best
🚨IMPORTANT:
→ All my courses: monsterlessons-academy.com/co...
→ Twitter: / monster_lessons
🕛 TIMESTAMPS:
0:00 Intro
1:44 Self executed functions
3:53 CommonJS modules
11:32 ES6 modules
18:46 Difference between CommonJS and ES6
21:04 CommonJS in NodeJS
21:44 Outro
📚 References:
→ Source code : github.com/monsterlessonsacad...

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

 

2 июн 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 321   
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Learn 5 must know Javascript interview questions - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--8qfwR-ANDk.html
@souryavarenya
@souryavarenya 3 года назад
Ah man, one of the best videos explaining this. My understanding of distinguishing between frontend and backend JS cleared up after watching this.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 3 года назад
Glad you liked it!
@rameshwarprasad4722
@rameshwarprasad4722 2 года назад
This was such an amazing explanation man. You've literally covered every aspect of modules and that too in complete depth. Thank you soo much. Keep making more JavaScript videos.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad it was helpful!
@kithowlett8374
@kithowlett8374 2 года назад
This is actually one of the best JS module explanation videos on RU-vid - thank you!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad you think so!
@CarlosChavez-ij5ki
@CarlosChavez-ij5ki 11 месяцев назад
I agree
@wentinz
@wentinz 2 года назад
your video is so helpful! I love that you dive into the reason to invent modules before getting into how to use it, because for beginners, that is the hardest part to understand - why do we need to complicate things this way? Your explanation made perfect sense and I can see when we need to use it and when not!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad it was helpful!
@user-ic4ce8xb5v
@user-ic4ce8xb5v 2 года назад
Super helpful! I spent so much time watching different tutorials, but you explained this the best!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad it was helpful!
@jesseneon1896
@jesseneon1896 2 года назад
I love the way you teach and code at the same time. Amazing video, I look forward to watching more of your videos.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Happy to hear that!
@anselmleo4146
@anselmleo4146 3 года назад
Thanks so much for the in-depth explanation. Got here looking for how to refactor my common js code to typescript es6.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 3 года назад
You are welcome!
@panthonyy
@panthonyy 2 года назад
Wow, best commonjs modules and ES6 modules course on YT, that cleared a lot of things in my mind. Thanks a lot. You just got a new sub!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad it was helpful!
@Michael-sh1fb
@Michael-sh1fb 3 года назад
Thanks a lot. I've been putting off learning this because it's not a very interesting topic but you summed it up really well.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 3 года назад
Glad you enjoyed it!
@gseven7307
@gseven7307 2 года назад
Too few likes for an amazing video like this. Very systematic, very clear and concise. Thank you very much
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad it was helpful!
@GiuseppeGreco-jl7dx
@GiuseppeGreco-jl7dx Год назад
Clear and easy to follow, thanks. One step closer to understanding it all ✨
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Glad it was helpful!
@MarcoTulioRibeiro
@MarcoTulioRibeiro Год назад
I'm looking for this explanation a long time. Excellent presentation, congrats!
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Glad it was helpful!
@gurinderkaur6377
@gurinderkaur6377 3 года назад
Thank you so much for explaining in detail.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 3 года назад
Glad it was helpful!
@shwetamane8774
@shwetamane8774 4 месяца назад
Explaining the 'why' made it extremely easy to understand! 👏 Thank you very much.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 4 месяца назад
You're very welcome!
@kmSaifullah
@kmSaifullah 5 месяцев назад
You have just explained this topic in a very elegant way. Thanks for sharing this and spread your knowledge on the internet.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 5 месяцев назад
Glad it was helpful!
@hugobritotech
@hugobritotech 2 года назад
this is a true monster lesson, i learned several things, thanks for the content
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad to hear it! Mmmmonster content :)
@flecko5
@flecko5 Месяц назад
Thanks for explaining the history behind this topic!!!!
@MonsterlessonsAcademy
@MonsterlessonsAcademy Месяц назад
Glad you like it!
@Jeireme
@Jeireme 2 года назад
Thank you very much, everything is clear and very well explained!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
You are welcome!
@scottisitt
@scottisitt 2 года назад
Very helpful! Thank you for explaining this!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad it was helpful!
@lukasluftlaufer1093
@lukasluftlaufer1093 2 года назад
So clear and concise! Thanks a Lot!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
I'm happy that you like it!
@hieuphanlong51
@hieuphanlong51 2 года назад
OMG, this is so easy to understand. Thank you very much.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad it was helpful!
@volkan8583
@volkan8583 Год назад
Ty for good explanation. Its been 7 months of my journey and tutorials only say "do this" instead of why they do that in that way. You make clear some of the logic that Ive been misunderstood.
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
You are welcome!
@fernandogabriel8452
@fernandogabriel8452 Год назад
Amazing content! You can really explain your stuff
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Glad you think so!
@aliozeir708
@aliozeir708 Год назад
very smooth and helpful. Thanks!
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Glad it was helpful!
@ashishbisht9162
@ashishbisht9162 2 года назад
This is the best simplified explaination i ever head .. so neat and clear......Thankx dude....Bless you...
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad it helped!
@CarlosChavez-ij5ki
@CarlosChavez-ij5ki 11 месяцев назад
Damn, thanks man. I had a whole in my brain related to this topic. Now it is filled with a very good explanation.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 11 месяцев назад
Glad it helped!
@Sashad2003
@Sashad2003 2 года назад
You are one of the best teachers I know. Thank you very much for a lesson 😎👍
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Thank you! 😃
@expertreviews1112
@expertreviews1112 Год назад
THE best video on the topic... so much confusion with the evolution and this brings everything together !!!! awesome !! kudos
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Glad you liked it!
@NN-si6cl
@NN-si6cl 2 года назад
Very helpful, thanks for the great breakdown!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Very welcome!
@sigvist6228
@sigvist6228 Год назад
You are the best. I was confronting with the issue related to these require() import a lot of time. Hopefully, your video helped me to understand how to solve my issue. Thanks!
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
You're welcome!
@robertobenedit
@robertobenedit 2 года назад
Espectacular! increible lo claro que sos! Me diste un mejor punto de vista!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Thank you!
@bhavyabansal1143
@bhavyabansal1143 2 года назад
One of the best videos I have seen so far... Thanks a lot for this.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad you liked it!
@AsheAve
@AsheAve 9 месяцев назад
Nice article. I learned a ton and watched it like ten times over two days! I have the timeline of modules, now.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 9 месяцев назад
Glad it was helpful!
@sudosanam
@sudosanam 9 месяцев назад
Perfectly explained, thanks for the great content!!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 9 месяцев назад
Glad it was helpful!
@kostiantynkarzhanov9216
@kostiantynkarzhanov9216 10 месяцев назад
Thank you so much! Very good explanation of the topic! 💛
@MonsterlessonsAcademy
@MonsterlessonsAcademy 10 месяцев назад
Glad it was helpful!
@Kjeii
@Kjeii 7 месяцев назад
Really clear explanation! Thanks so much!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 7 месяцев назад
Glad it was helpful!
@Kjeii
@Kjeii 7 месяцев назад
@@MonsterlessonsAcademy I'm trying to store api key in self-made module and provides key using export/import; that works! However, it still reveals api key using browser devtool; is there any method to hide sensitive information in front-end code?
@farahrayis5928
@farahrayis5928 2 года назад
Clear explanation. Thank you very much. You saved me a lot of time.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad it helped!
@ripudamank
@ripudamank 3 года назад
Thanks! Very informative.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 3 года назад
You are welcome!
@user-ty5pd4xw2y
@user-ty5pd4xw2y 2 года назад
Great vid, really all you need in modules! thx
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
You're welcome!
@thebmusproject
@thebmusproject 2 года назад
Thanks for this great explanation!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad it was helpful!
@aminebelbahar1086
@aminebelbahar1086 Год назад
Great content! all I wanted to know about node modules and es6 modules
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Thank you!
@ajithingmire7782
@ajithingmire7782 10 месяцев назад
Wow, everyone keeps saying es6 modules are better but rarely anyone tells why. Very precisely explained. I started exploring this topic after getting optimisation bailouts warnings in Angular for certain commonjs modules, I think now I know why commonjs modules are not tree shakable
@MonsterlessonsAcademy
@MonsterlessonsAcademy 10 месяцев назад
Glad you like it!
@IsaacLarbiOnline
@IsaacLarbiOnline 2 года назад
Thank you for such a clear and concise explanation.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
You're very welcome!
@exxzxxe
@exxzxxe 2 года назад
A first class presentation- well done!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad you liked it!
@FerchoNossa
@FerchoNossa Год назад
Great. Thanks for this monstrous explanation
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
My pleasure!
@nvn1413
@nvn1413 6 месяцев назад
Exactly what I was loking for; thanks. Subscribed gladly...
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 месяцев назад
Thanks for the sub!
@HarshanGandamalla
@HarshanGandamalla Год назад
This was super helpful and very well explained..thanks a lot sir
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
You are most welcome
@yiannis_p
@yiannis_p 8 месяцев назад
Amazing video, thank you so much!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
Glad it helped!
@Svalin04
@Svalin04 Год назад
Your explanation is really good. Thanks for this video.
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Glad it was helpful!
@maxvhanamane840
@maxvhanamane840 2 года назад
It was a very thorough explanation, and it was really easy to understand ❤.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad it was helpful!
@dylanmarais7304
@dylanmarais7304 Год назад
Could you maybe do a video about your setup that allows you to so easily traverse through your files? Great content btw!
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Thank you! It is already there: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-YrLiugDhCuk.html
@ohmyumbrella
@ohmyumbrella 8 месяцев назад
this should be pinned on top of the result list for any "beginner javascript tutorial" search. I have been working with JS without knowing this simple thing and had faced so many problems but never had that wise idea to actually search the difference between commonJS and ESM. Now I am humbled and unstuck. Thank you.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
Glad it helped!
@supastar25
@supastar25 Год назад
Perfect explanation, thanks a lot
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Glad to hear that!
@952a259
@952a259 9 месяцев назад
Thank you for explanation!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 9 месяцев назад
Glad it was helpful!
@kineticBoss
@kineticBoss 9 месяцев назад
I was struggling with a code base that had "require" and exports. Whereas another codebase had import, it was super confusing. But thank you for clearing it up. Great video, good explanation. Also, you speak English very calmly, it helps me to understand better as I am a non-native English speaker.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 9 месяцев назад
Glad to hear that!
@TheLucidway
@TheLucidway 2 года назад
Holy cow, this was a superb explanation! Just one question, though. If I were to build a full stack application, would I need to use common.js for the backend and use es modules for the front end, or would you choose one type of module system for both ends? Thank you!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Normally you want to use imports with webpack/babel on client and require on backend. However you might use imports on backend if you want with webpack/babel also but I don't like to do that.
@TheLucidway
@TheLucidway 2 года назад
@@MonsterlessonsAcademy okay, I see. Thank you for replying and thanks again for this video. It was really helpful.
@aakashjadhav327
@aakashjadhav327 2 года назад
nice video, very well explained, best video on this topic on the internet.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Wow, thanks!
@B-Billy
@B-Billy 2 года назад
I am Java developer learning JS. I was having a hard time understanding JS import.. Watched many videos but this is where it all make sence!! Kudos, thank you so much! Suubscribed.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad it helped!
@RishabhJain-uv7zj
@RishabhJain-uv7zj 2 года назад
This explanation was great. Can you make a video about the code editor you were using and some common shortcut you use it seemed pretty efficient while viewing this video.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Hi, I already have a video about code editor ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-YrLiugDhCuk.html 90% of my shortcuts are standard vim shortcuts. They are not customised. dd - delete the line caw - replace the word ci( - replace in brackets dit - delete in tags etc, etc
@nelsoncaicedo6761
@nelsoncaicedo6761 2 года назад
Thanks man!! this is awesome
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad you like it!
@fatihaelbouchaoui
@fatihaelbouchaoui Год назад
The best explanation abt this topic. Thanks.
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Glad it was helpful!
@luizmeirelles913
@luizmeirelles913 Год назад
Amazing explanation.
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Glad it was helpful!
@Technochoice-do1bl
@Technochoice-do1bl 3 месяца назад
Thanks you made my day and save lots of mine time
@MonsterlessonsAcademy
@MonsterlessonsAcademy 3 месяца назад
Glad to hear that!
@conceptroot
@conceptroot 11 месяцев назад
Качественный материал. Теперь все понятно. Спасибо
@shubhamshinde3720
@shubhamshinde3720 Год назад
your explanation is too good man i was writting Es6 module in Vuejs and Commonjs Modules in nodejs but didn't know there was difference in them until now those Udemy course don't teach this things even beeing most views and rated
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Awesome!
@balajeemishra
@balajeemishra 2 года назад
Really,I have learned alot ❤️
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
You are welcome!
@kriskata7653
@kriskata7653 10 месяцев назад
Amazing explanation of the topic. I understood everything. Also I would like to mention that if you are using the Live Server extension you don't need to install serve from the npm. Thank you for the tutorial :)
@MonsterlessonsAcademy
@MonsterlessonsAcademy 9 месяцев назад
You are welcome!
@0x007A
@0x007A 9 месяцев назад
The text editor is either vim or one of its derivative clones such as neovim. Not everyone uses Microsoft Visual Studio Code.
@ercanyanmaz5624
@ercanyanmaz5624 2 года назад
Thanks for your great effort🙂
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
You are welcome!
@m12652
@m12652 Год назад
Brilliant! Thank you
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
You're very welcome!
@odebroqueville
@odebroqueville Год назад
Very clear explanation which covers a bit more than just the basics. Thank you. Did I understand correctly that ES6 modules can be used in NodeJS? Also wondering: what's the best way to use node modules in web extensions?
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
In the latest versions of node both commonjs and es6 is supported but you must provide correct configuration to tell what module system you want nodejs.org/api/esm.html#modules-ecmascript-modules Regarding web extensions I have no idea
@EdsonSilva-qr5gr
@EdsonSilva-qr5gr 2 года назад
Awesome content, keep going
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Thanks, will do!
@murilo.g.t
@murilo.g.t 10 месяцев назад
Nice video!! Thaanks!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 10 месяцев назад
You are welcome!
@r.a.collection
@r.a.collection Год назад
Good discriptions well done 👍
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Thanks 👍
@lucksonmutiwekuziwa9948
@lucksonmutiwekuziwa9948 2 года назад
So so clear. Thanks
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad you think so!
@rohitbahuguna3481
@rohitbahuguna3481 Год назад
nice video dude i loved it
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Glad you enjoyed
@n3d278
@n3d278 2 года назад
Just simply awesome.. 👏
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Thank you so much 😀
@mrs8683
@mrs8683 Год назад
just discovered your chanel and i am amazed how you explain thing, it is awesome, and i wonder what is the font you are using ? it is really dope
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Thank you! It's monaco font.
@user-nh8ge6hx9r
@user-nh8ge6hx9r Год назад
thx for the clear explanation ;)
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
You are welcome!
@mitrasu5918
@mitrasu5918 Год назад
Man you are the real MVP my guy, helping out plebs from the past. Thank you so much.
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Great to hear that!
@Ishirosama
@Ishirosama Год назад
Great content !
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Thank you!
@DevlogBill
@DevlogBill 2 года назад
Thank you for this quick lesson it was very helpful. I am fairly new to coding and the other day I looked at a piece of code and it seemed the page was filled with functions, am I correct to assume that most of a program is created using functions? I am only 2 months in learning JavaScript, so I am fairly new at this stuff.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Hi, it's either functions which we exporting or classes which we exporting. We don't have anything else.
@martindufour5727
@martindufour5727 8 месяцев назад
I very rarely comment or participate on the Internet, as I'm usually just a passive listener and content reader. However, I felt compelled to break from my habits to thank you. Your explanation is splendid and incredibly well-done
@MonsterlessonsAcademy
@MonsterlessonsAcademy 8 месяцев назад
Wonderful!
@sudhakarprakash4276
@sudhakarprakash4276 Год назад
great explanation
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Glad you think so!
@andyvoice
@andyvoice 3 года назад
Спасибо за видео! Искал именно такое чтобы понять преимущества import перед require. Вы рассказали через призму статичности в import. Но чаще говорят про один файл и require. Что при например втором require, мы можем зацепить случайно изменённые файлы в первом require. Так же слышал про eval в commonjs. Было бы интересно послушать где на стороне сервера(node/express) можно пренебречь import(сейчас стараюсь его использовать) и использовать require, хотелось бы больше ориентироваться в этом вопросе. Например недавно столкнулся что Jest не поддерживает import, только экспериментально с багами.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 3 года назад
I never heard about problems with requiring the same file from different places. I personally don't use es6 modules in node as they are not native there and bring more problems then benefits (but I used them before). The point about Jest is only a single example. With require in node you are 100% sure that you get same functionality without wrappers and magic in all packages out of the box. I recommend imports for client js and require for node js.
@mandapanda898
@mandapanda898 2 года назад
Great explanation, super helpful video! Though I'm a little confused as to why static imports makes es6 modules better when there are features coming out like dynamic imports in Next.js?
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Because you are 100% that this files are included without need to evaluate code. If you write require inside some if condition you can't know if it was included in file or not without running the code.
@mandapanda898
@mandapanda898 2 года назад
@@MonsterlessonsAcademy makes sense. Thanks for getting back to me!
@amventures1
@amventures1 2 года назад
OMG! you cleared the confusion I had.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
I'm happy to hear that!
@SanjeetKumar-xd3ne
@SanjeetKumar-xd3ne 2 года назад
This is awesome. Can you make a video on how modern web frameworks loads up works in the production version on browser, with all required packages and files, and how those files interact with other, that's a big challenge for me to understand.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Thanks, will add it to the ideas list of future videos
@SanjeetKumar-xd3ne
@SanjeetKumar-xd3ne 2 года назад
@@MonsterlessonsAcademy🎊❤️🎉
@vivamedia5958
@vivamedia5958 2 года назад
Awesome! thank you.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
You're welcome!
@designniewolinsky7752
@designniewolinsky7752 2 года назад
Best video on that topic!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
I'm happy that you like it!
@rsym.4397
@rsym.4397 2 года назад
the best explanation ever!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Thank you!
@mithunsurve
@mithunsurve 2 года назад
Best video on modules !!!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Glad you think so!
@ahmedabdelmhsn7497
@ahmedabdelmhsn7497 5 месяцев назад
Now, When we use ESM in node js, is it actually being converted internally into common js or used as it is? And another question now ESM supported by browsers is that means I don't need to make web server to load my module or I still need and why so
@MonsterlessonsAcademy
@MonsterlessonsAcademy 5 месяцев назад
ESM in node is pain and is you can't import esm node modules in common js directly. What everybody are using are transpilers from esm to commonjs. In browser tools like Vite transpiles less and makes it faster with usage of esm modules.
@prasanth-pk12
@prasanth-pk12 2 года назад
thank you so much man...
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
You're welcome!
@realisticprogramming
@realisticprogramming 2 года назад
Love your dev environment... zsh, vim, etc. Any chance you have a set of dotfiles somewhere?
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Hi, of course. Here is my video about Vim + tmux and my config ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-YrLiugDhCuk.html gitlab.com/ejiqpep/nvim-config
@borisilic8577
@borisilic8577 2 года назад
When the codebase is all packaged up does import 'reach' into node_modules to retrieve the code?
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
In client we typically bundle everything in single JS file so yes. In node on backend we still use packages from node_modules so no.
@karthiKeyan-lr9jx
@karthiKeyan-lr9jx 2 года назад
good tutorial👌
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
Thanks 🙂
@gulinatayier9049
@gulinatayier9049 2 года назад
AMAZING!!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 года назад
You are welcome!
@nicknameis
@nicknameis Год назад
Amazing!
@MonsterlessonsAcademy
@MonsterlessonsAcademy Год назад
Thank you! Cheers!
@nicknameis
@nicknameis Год назад
@@MonsterlessonsAcademy Возьмите меня в школу. Я бы за 3 месяца весь фул стек бы освоила, если бы у меня был бы такой учитель. Столько бестолковых учителей, которые сами знают лишь поверхностно. А хочется знать детали и что куда и откуда. Спасибо за отличные уроки.
@paxdriver
@paxdriver 10 месяцев назад
Cors errors drove me insane trying to learn react while learning new things outside of the framework
Далее
JavaScript Modules Crash Course
48:38
Просмотров 44 тыс.
Arigato !! 😂
00:11
Просмотров 3 млн
Generics: The most intimidating TypeScript feature
18:19
Node require Vs import
6:51
Просмотров 721
Import vs Require: The Biggest JavaScript Divide
4:03
Angular 18 Features: A Game-Changing Evolution
7:35
How Did I Not Know This TypeScript Trick Earlier??!
9:11
Getting Started With Babel - Transpiling Javascript
13:59
Tips For Using Async/Await in JavaScript
16:26
Просмотров 394 тыс.