Тёмный

You don't need Node to use NPM packages 

Beyond Fireship
Подписаться 391 тыс.
Просмотров 149 тыс.
50% 1

Learn how to use Node.js packages in the Deno JavaScript runtime with its new NPM specifier.
#typescript #nodejs #javascript
Deno NPM support blog post deno.com/blog/v1.28
Fireship CLI Tutorial • I created a Command Li...

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

 

16 янв 2023

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 260   
@Joso997
@Joso997 Год назад
Deno: "I have become the very thing I swore to destroy"
@Codethier
@Codethier Год назад
and the start of deno becoming the same kind of mess as node begins, with native and npm packages mingling together
@advanceringnewholder
@advanceringnewholder Год назад
I think nodejs is kinda inevitable at this point. Try running away, and it circle back to it.
@jack171380
@jack171380 Год назад
And so a new js runtime shall be born to right all wrongs, again
@jitx2797
@jitx2797 Год назад
There's no way to fix this JS mess. I sometimes gets the childish thought why not design a language with pros of JS and remove the cons.
@animatrix1851
@animatrix1851 Год назад
@@jitx2797 like people haven't done that already
@jakob7116
@jakob7116 Год назад
Eh, while all the compat stuff is available for the npm modules, they’re not available in your code, aka you’ll never have to use module.exports/require and such.
@masterklm7216
@masterklm7216 Год назад
As soon as I saw you import Express without even installing it I knew it was over❤
@softwarelivre2389
@softwarelivre2389 Год назад
Deno is awesome! I use it whenever I can
@morkvitnir
@morkvitnir Год назад
Thanks for the awesome content!
@johnyepthomi892
@johnyepthomi892 Год назад
I learned Javascript and I’m thankful to js. Now, I can finally learn a low level language. I used it as a tool to learn to code and That’s where I want to draw the line.
@rovolution8248
@rovolution8248 Год назад
Yay Deno, thanks for the video :)
@codewithguillaume
@codewithguillaume Год назад
Dino is taking so much space 🎉
@flamewave000
@flamewave000 Год назад
Never heard of Deno, I might need to check it out.
@chriskleeblatt1867
@chriskleeblatt1867 Год назад
You can actually compile deno to a self contained executable with "deno compile". But that feature is unstable and I think that npm support will soon be coming to that feature
@mollthecoder
@mollthecoder Год назад
They said that in the video
@pieterrossouw8596
@pieterrossouw8596 11 месяцев назад
It produces a huge binary, but sure it's there if you want it.
@poulticegeist
@poulticegeist Год назад
Thanks for that caveat. Relay, only the de rigeur graphql library, happens to be one of those non-esm libraries that don't work with freshjs
@jesseparrish1993
@jesseparrish1993 Год назад
Great! I'll hang around a few more years and see if it's worth transitioning to Deno for any production use.
@mjkodonk
@mjkodonk Год назад
I use it on my main project for some features. it works well. :D
@IAmOxidised7525
@IAmOxidised7525 Год назад
Now I am convinced JS is cursed
@htt344
@htt344 Год назад
I like to use Vite because it supports scss files right in the head of html. But Vite loses support for scss files when using Deno.
@charlesm.2604
@charlesm.2604 Год назад
babel has a standalone package that does runtime transpilation, meaning you can write JSX/TS/SCSS and the transpilation step will happen after DOM load, directly in the browser.
@1000percent1000
@1000percent1000 Год назад
@@charlesm.2604 great even more overhead for the end user, i get what your point is but that is not a drop in replacement for Vite in most situations
@paradiseexpress3639
@paradiseexpress3639 Год назад
@@charlesm.2604 sounds horrible
@charlesm.2604
@charlesm.2604 Год назад
@@1000percent1000 I know but the original commenter does not want to introduce a JavaScript runtime environment with proper bundlers and transpilers so it's always an option.
@charlesm.2604
@charlesm.2604 Год назад
@@paradiseexpress3639 It is what it is
@Dominik-K
@Dominik-K Год назад
Now this is pretty cool
@volimsir
@volimsir Год назад
Really cool progress, but I'm still gonna wait before switching. Got burned switching build tools way too much in the past.
@thefynn
@thefynn Год назад
I hope Deno will be popular soon, its just much better. The natural Problem of a huge echosystem world is that inovations is very slow
@vladimirmijatovic4171
@vladimirmijatovic4171 Год назад
I was just about to ask if Deno is still alive. I got my answer :D
@vikingthedude
@vikingthedude Год назад
I don’t like seeing npm written in the source code. I would’ve liked to have a config file that would point to the npm registry url instead. Sort of what gradle does. Maybe could’ve leveraged import maps for that.
@thecrazyiwan
@thecrazyiwan Год назад
You can already do that in import maps in Deno!
@richardrapstine9014
@richardrapstine9014 Год назад
Import maps are already a thing in Deno. They even have a handy little tutorial on them.
@vikingthedude
@vikingthedude Год назад
If we can already import packages from any registry using import maps, then why have they added the “npm:” import to deno? Seems redundant unless there’s some npm-specific reason for not using import maps. Why should deno make an exception for npm?
@mollthecoder
@mollthecoder Год назад
@@vikingthedude because npm is so popular
@mateusvitorino
@mateusvitorino Год назад
Nice
@richardrapstine9014
@richardrapstine9014 Год назад
Based on the trend of the comments, you probably should have covered import maps in this video.
@ra2enjoyer708
@ra2enjoyer708 Год назад
1:04 Is this a good thing? Where do you store (serializible) project metadata in deno codebases? While `package.json` can become an unwieldy dumping ground for unrelated keys, it also provides a place to store serializible data which would be all over the codebase otherwise. How does deno scope local and global packages without `node_modules`?
@jimmehjimmson8876
@jimmehjimmson8876 Год назад
You're comment actually made me think quite a bit. Some really good questions you're asking here. After digging around a bit, I think the answer is yes, it's a good thing that package.json is gone. And no, I don't think you can install modules globally/locally for deno, since that's not how deno works. I also can't think of a scenario where globally/locally installed modules are more sensible than deno's default sandboxing with setting explicit permissions when required, but am happy to change my mind, if you have one :). I could probably not explain it better than Ryan Dahl does himself in the talk he gave on why Deno came to exist in the first place: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-M3BM9TB-8yA.html
@javiasilis
@javiasilis Год назад
Nice!
@user-qx3qd8bi7c
@user-qx3qd8bi7c 11 месяцев назад
Could you do a rust+deno vs. zig+bun detailed comparison and evaluation? Thanks.
@talhaibnemahmud
@talhaibnemahmud Год назад
Time to switch my side projects to deno ❤️
@fayenotfaye
@fayenotfaye Год назад
The sequel to framework hell, runtime hell.
@ra2enjoyer708
@ra2enjoyer708 Год назад
@@fayenotfaye Can even combine for classic `m * n` problem!
@manemobiili
@manemobiili Год назад
If i was at a gunpoint and had to choose a javascript backend probably deno would be it!
@darrenmoriarty6984
@darrenmoriarty6984 Год назад
What would happen if you use multiple versions of the same lib in your app?
@vincaslt
@vincaslt Год назад
I wonder what's the best way to manage package versions in deno. If you use the package more than once and wish to change its version, you have to change it across the whole app. I've seen some ideas with declaring a single file that imports a versioned package and reexports it for the app. I've also seen some native way to keep track of versions in importMap, though I've had trouble providing types for packages that don't ship with them. Any idea?
@RouvenKruse
@RouvenKruse Год назад
I would suggest import maps
@richardrapstine9014
@richardrapstine9014 Год назад
It’s literally in the Deno docs. Import maps.
@vincaslt
@vincaslt Год назад
@@richardrapstine9014 any idea about the packages with missing types?
@vintprox
@vintprox Год назад
@@vincaslt That's fair point... As long as I observe, there is no import map aliasing for @deno-types comments, which is a shame.
@vincaslt
@vincaslt Год назад
@@vintprox what was also bothering me a bit is that one of the selling points of deno (even mentioned in this video) is that it doesn't need a package.json file. In my eyes, importMap is pretty much the same package.json file...
@ayowtf_m8
@ayowtf_m8 Год назад
I recently installed rustc and cargo and it's a c++ killer
@quintencabo
@quintencabo Год назад
Having a package json is kinda nice though to see what something is using
@manni.Net60
@manni.Net60 Год назад
i like node
@MailsonWei
@MailsonWei Год назад
nice
@pwntmatch
@pwntmatch Год назад
every fireship video starts with the tools the new package offers . every fireship video ends with a diss on JS
@ludologian
@ludologian Год назад
Please talk about fuseopen and fuse programming language, thanks
@stevenjje
@stevenjje Год назад
more deno content!!
@humanfriend22
@humanfriend22 Год назад
This is great to hear but I don't think I'll be switching anytime soon because it doesn't really have the community & ecosystem Node has. At least not yet.
@softwarelivre2389
@softwarelivre2389 Год назад
I already switched, as soon as Deno 1.0 launched, and I'm definitely NOT coming back to insecure node. The security model in Deno is just that important.
@justpatrick_
@justpatrick_ Год назад
And deno deploy is absolutely magnificent
@glader88
@glader88 Год назад
"no Juan understands me" --Señor Developer
@scottspitlerII
@scottspitlerII Год назад
Wouldn’t you have to specify the version like everywhere? Or can you just have a “consts” faux package.json file that imports the types?
@kamadoori
@kamadoori Год назад
Seems like the way to go to me. Although the desire to call it "package.ts" is a little bit strong... at that point you kind of lose the "advantage" of not having a package.json
@tabiasgeehuman
@tabiasgeehuman Год назад
You can either use a deps.ts file or an import map. Deno also has a deno.lock file
@HappyCheeryChap
@HappyCheeryChap Год назад
Does Deno let you set permission per-NPM-package yet? Or do the permission still apply to your entire program?
@bennzeppelin
@bennzeppelin Год назад
nice nice port
@RedStone576
@RedStone576 Год назад
deno is becoming that one thing it swore to destroy
@fltfathin
@fltfathin Год назад
Pretty sure npm wasn't part of nodejs in the beginning hence the awful choices on packaging.
@codeman99-dev
@codeman99-dev Год назад
@@fltfathin Ryan literally announced deno by apologizing for strange packaging patterns. Let's review. He said that Isaac created package.json, but he (Ryan) designed `require` around it. Making it mandatory. He said that he regretted how node_modules is resolved. Then finally, the point that "index.js" became the default entrypoint.
@codeman99-dev
@codeman99-dev Год назад
I think Ryan was dead wrong about being upset about node_modules being local and vendored-by-default. It's a very good pattern. I can't stand using pip because I need extra tools to isolate my dependencies. Tell me the last time you used python with more than two dependencies that you didn't reach for a virtual environment.
@javierflores09
@javierflores09 Год назад
@@codeman99-dev when working with JVM languages, gradle does this too by containing the cached deps in the .gradle folder, honestly don't see what is so wrong about node_modules, the package.json is definitely something that could use some work though
@Bourn77
@Bourn77 Год назад
I think C# dotnet has the best package system(nuget) along with Rust cargo. It's a pleasure to work with
@ramtinabadi
@ramtinabadi Год назад
So, here is a problem. If you are using a NPM package in 20 different files, you need to change the version number every time in all of the files?
@ashishbhushan7837
@ashishbhushan7837 Год назад
No just export all your dependencies in a deps.ts file and then use it in any of your project files That's how a standard deno project looks like, ofc they don't use import in every file with a URL that long Just make a central deps file exporting all the dependcies
@opjoter
@opjoter Год назад
@@ashishbhushan7837 So it's basically asking you to create your own package.json
@ashishbhushan7837
@ashishbhushan7837 Год назад
Nope just a typescript/javascript file with some `export {foo} from "bar"` statements that's it👍
@MCasterAnd
@MCasterAnd Год назад
@@ashishbhushan7837yeah but that is literally package.json though, just a diff syntax
@ashishbhushan7837
@ashishbhushan7837 Год назад
Only it's not mandatory and you need a way in any language to maintain all your packages. Don't we?
@simonwtong
@simonwtong Год назад
The thumbnail is a crack up
@SirXtC
@SirXtC Год назад
so much extra work for such little gain lol
@heroe1486
@heroe1486 10 месяцев назад
Could say the same about creating a backend with node, being with express or even Nest, no gains with tons of extra work. And where do you see the extra work from this video ?
@rafaelacioly3252
@rafaelacioly3252 Год назад
Probably there's a way to fix it, but we'll need to specify the package version on every file that we import the dependence?
@EduardoOviedoBlanco
@EduardoOviedoBlanco Год назад
Almost there
@FlorianMaeder
@FlorianMaeder Год назад
So. If I use Lodash functions in multiple files in my project I either have to omit the version and hope the latest doesn't break stuff or set the version in every import and then update each and every import if I want to upgrade Lodash? (You can replace Lodash with any other 3rd-party library if you don't like Lodash.)
@NilsMoller
@NilsMoller Год назад
Great and all that you can specify package using links inline but the reason we have a package-lock.json. What happens when I want reproducable builds?
@GordonChil
@GordonChil Год назад
Wow. I’m gonna start using deno for my backend scripts that perform actions on the DB. Hopefully it has postgresql support.
@AvinashSewpersadh
@AvinashSewpersadh Год назад
So Deno + Google Cloud Run or Lambdas works better or worse than node?, given the caching of the libraries.
@keokawasaki7833
@keokawasaki7833 Год назад
Deno also has a built in test runner and a testing framework that is pretty good straight out of the box. It also has the linter built into it and the lsp server too. I'm loving this a heck ton over node js which I never touched because it was ugly from the beginning imo Deno's imports however are trash because obviously it's hard to see what's being imported from a single place. Yes import maps are there but there's no enforcement to only allow imports from the map. It is very well possible to import things outside of the import map
@heygema
@heygema Год назад
thanks, same impression with imports, bit confusing at first
@jackdavenport5011
@jackdavenport5011 9 месяцев назад
Yeah I like deno's imports but I don't like the idea of having to copy and paste the exact same import everywhere in my code, especially with version limits
@maverick456-33
@maverick456-33 Год назад
Rust + Deno !
@kashnigahbaruda
@kashnigahbaruda Год назад
Am I supposed to rebuild everything with deno now?
@crushfire2004
@crushfire2004 Год назад
Does npm import support for import map?
@adambickford8720
@adambickford8720 Год назад
Does deno have any meaningful support in the cloud?
@leonhma
@leonhma Год назад
But what about lockfiles?
@user-lj9tw3sw1t
@user-lj9tw3sw1t Год назад
Upd: Second First🎉🎉🎉
@manasnagelia
@manasnagelia Год назад
Next video: Deno vs Bun
@MieciuAutokarski
@MieciuAutokarski Год назад
It is better of pnpm?
@Manish___Choudhary
@Manish___Choudhary Год назад
Make a deno crash course pls
@AwesomeTingle
@AwesomeTingle Год назад
the convenience of node makes it incredibly difficult for me to ever consider switching. this is a 3min video to show us how to accomplish the equivalent of "npm install x"
@ShadoFXPerino
@ShadoFXPerino Год назад
0:58 achieves the install and import in a single line. In node you have to npm install and then go into your file to import.
@lydianlights
@lydianlights Год назад
@@ShadoFXPerino wow. amazing. revolutionary. incredible. also totally pointless.
@heroe1486
@heroe1486 10 месяцев назад
​​​@@lydianlights Just like the guy above you clearly missed the point of the video, it's not about the fact that you don't need to install but about the fact that deno is now compatible with npm packages. Your smartness is indeed incredible.
@kanniappann2910
@kanniappann2910 Год назад
How to deploy sveltekit project to firebase and host
@abplayzz
@abplayzz Год назад
"Port of your choice". I like your choice, though. 😂
@ErezAmihud
@ErezAmihud Год назад
I wonder what the difference between bun and deno
@AbhinavKulshreshtha
@AbhinavKulshreshtha Год назад
All I need is to figure out a central way to update all packages used in deno without need to go to every file. Package json might be overused, but it still serves as a central location to manage app dependencies.
@spectrapulse2104
@spectrapulse2104 Год назад
~~If only we had a central point to manage configs~~
@igorswies5913
@igorswies5913 Год назад
export express in a file maybe
@lonewolfcoding5208
@lonewolfcoding5208 Год назад
what about elixir programming language?
@jordixboy
@jordixboy 10 месяцев назад
How and where do you authenticate against private npm repo?
@re.liable
@re.liable Год назад
can it like, cache the packages locally at least? My internet access is unreliable, so I don't know if this always-online approach is for me
@javierflores09
@javierflores09 Год назад
it is cached locally, otherwise it wouldn't be called a cache. It is just not cached within the project root but rather to a global directory somewhere in your PC. That being said, you can get a node-like node_modules by executing the commands with --node-modules-dir
@joshking9537
@joshking9537 Год назад
seems like a lot of excess work for what? minor speed boost. do you even get huge perf benefits with their backwards compatbility?
@VCR47527
@VCR47527 Год назад
bun is a sizable speed boost. deno is similar if not slightly slower than node. I dont think performance improvement is part of deno's mission
@nikolaywaysman6576
@nikolaywaysman6576 Год назад
can i use it on lambda?
@devcomptrickshots4136
@devcomptrickshots4136 Год назад
Would honestly be using deno a lot more if they had backwards compatibility planned as bun does... Having to port a project to a new runtime altogether is painful, and a lot of packages do not really support deno well.
@malipetek
@malipetek Год назад
How about size of executables? Is it any small?
@vin5718
@vin5718 Год назад
Deno still uses V8 so it won’t be small since V8 will be included
@malipetek
@malipetek Год назад
@@vin5718 There is not much point to it then, we have nexe in nodejs which is kinda same.
@v1ntee
@v1ntee Год назад
Bro use port 6969, He is one of mines
@aasutossh
@aasutossh Год назад
1:38 the server is running on port 6969, and the browser is connected to port 4000? magic!!
@YuriG03042
@YuriG03042 Год назад
It's using reverse proxy by default, it's actually magic! Except the ports are always randomized...
@noy1009
@noy1009 Год назад
what about bun?
@justingiovanetti
@justingiovanetti Год назад
Cool. Now we can keep our projects in the cloud without worrying about syncing thousands of unused modules. … less I’m misunderstanding this here.
@joseburgosguntin
@joseburgosguntin Год назад
Firebase zooming in on "Enable Deno linting?", and just selecting "no" is kinda funny 0:49
@crowlkats
@crowlkats Год назад
linting doesnt have to do with formatting.
@joseburgosguntin
@joseburgosguntin Год назад
@@crowlkats whoops you’re right, but If I’m not mistaken the formatting that deno does come with a default of 2 spaces (and I just found that a bit cursed)
@__sassan__
@__sassan__ Год назад
Where are the packages installed then?
@MCasterAnd
@MCasterAnd Год назад
Fucking hell, this is how Node should have handled it all along
@forrestmorrisey
@forrestmorrisey Год назад
I've kept an eye on Deno for my team but until we have Angular and Cypress support we are are SOL
@henriquealmeida348
@henriquealmeida348 Год назад
Seems to be npm with extra steps
@codyrap95
@codyrap95 Год назад
Deno "supporting" npm is like SteamOS "supporting" Windows games: it... kinda works ... Sometimes ... If you tweak them ... And you are lucky
@heroe1486
@heroe1486 10 месяцев назад
Proton works really nicely, and it's not steamOS but just Linux, given some limitations like non compatible anti cheats etc, you're obviously exaggerating. And If you're a Dev and can't follow 3 instructions on proton DB then that's problematic, it's easier than your basic 3 liners "get started" for any npm package.
@mustafasertkaya4622
@mustafasertkaya4622 Год назад
My experience with deno is really bad. I wanted to use it with firebase admin package. Even though I tried to setup it under the guidance of people from the discord server, i couldn't manage to set it up. They also couldn't help about this. So i ended up with netlify functions which is pretty easy if you compare with deno.
@AveN7ers
@AveN7ers Год назад
port 6969 huehuehue Elon Musk is that you?
@lawrencedoliveiro9104
@lawrencedoliveiro9104 Год назад
Don’t need Node? No Node nerd need? Need Node? No!? ∗Nods∗
@pauljohnsonbringbackdislik1469
I doubt it solves peer-dependencies problem and I am already tired of reverting package updates because of TS compilation errors. I'll give it a pass unless someone can prove Deno can handle a large Nuxt app and monorepo.
@sarunmrzn
@sarunmrzn Год назад
"no package.json" file bruh, how do you even keep track of dependencies thats installed
@clamhammer2463
@clamhammer2463 Год назад
each package has a package.json that defines deps.
@mr.norris3840
@mr.norris3840 Год назад
Just use golang
@GwenaelOo
@GwenaelOo Год назад
Deno looks great, but am I the only one to find package.json helpful?
@gabrieltomaz56
@gabrieltomaz56 Год назад
Every day a new more blazing fast some fucking javascript shit
@_purple_44_
@_purple_44_ Год назад
Certain packages dont work tho
@domdirector
@domdirector Год назад
golang been doing this for a bunch of years now, nerds
@rudrecciah
@rudrecciah Год назад
It's definitely interesting but considering there's no place to define installed packaged besides imports themselves I'd imagine auto-imports wouldn't be possible...nor can I get over thr syntax of the type directive 🤮
@crowlkats
@crowlkats Год назад
you can use an import map to define your dependencies.
@kale.online
@kale.online Год назад
Comments as code? We've come full circle with 00's Java
@h.hristov
@h.hristov Год назад
And you have to update the import in each file if you ever decide to update to the newer version. No thanks
@clamhammer2463
@clamhammer2463 Год назад
23 seconds of work?! gross!
@h.hristov
@h.hristov Год назад
@@clamhammer2463 yeahh cba ctrl+f replace all 💀
@Salah-YT
@Salah-YT Год назад
it is nice but I think we have to wait until they make it better, I'm a beginner anyway thx 🙂
@elgalas
@elgalas Год назад
Smells like cop-out, am I right?
@alext5497
@alext5497 Год назад
I came
@weshuiz1325
@weshuiz1325 Год назад
i DeNo i think i might rather wait a little longer
Далее
A Simpler Way to See Results
19:17
Просмотров 95 тыс.
DELETE TOXICITY = 5 LEGENDARY STARR DROPS!
02:20
Просмотров 13 млн
How I deploy serverless containers for free
6:33
Просмотров 395 тыс.
Dramatically improve website speed with Partytown
3:39
🤔 Replace Node with... Deno?
1:00
Просмотров 5 тыс.
10 Tailwind Classes I Wish I Knew Earlier
13:31
Просмотров 161 тыс.
Dependency Injection, The Best Pattern
13:16
Просмотров 745 тыс.
Sorting Algorithms Explained Visually
9:01
Просмотров 510 тыс.
Next.js Server Actions...  5 awesome things you can do
7:51
React VS Svelte...10 Examples
8:35
Просмотров 518 тыс.
Tmux has forever changed the way I write code.
13:30
Просмотров 905 тыс.
DELETE TOXICITY = 5 LEGENDARY STARR DROPS!
02:20
Просмотров 13 млн