337: ES Modules on CodePen

ES Modules are a native feature of JavaScript! The import and export keywords are actually a mighty powerful thing for a language to have. You can use them right on CodePen of course. For example, with our URL extensions, you can export stuff from one Pen and import it in another without having to use the External Resources feature in Settings or anything, which might make your code more clear.

Then with incredible services like Skypack, you have the entire world of npm available to import. Here’s a whole Collection of examples like that. React is easy pickings:

CodePen Embed Fallback

ES Modules is getting fancier and fancier!

import all the things!

Sponsor: Netlify

Among many incredibly innovative things Netlify has done is to offer cloud functions for any site you publish on Netlify. You chuck your functions in a functions folder (configurable) and they’ll run as AWS Lambda functions, without you even having to have an AWS account or deal with any of that ceremony. Now if you need a bit of server side code for your otherwise static site, you got it. Incredibly useful for doing any sort of dynamic functionality that needs to reach out to databases or APIs with security. And hey, if you need to import stuff, you got it.

The post 337: ES Modules on CodePen appeared first on CodePen Blog.

Source link

Leave a Reply