4 Best Practices to Write Quality JavaScript Modules
Using ES2015 modules you can chunk the application code into reusable, encapsulated, one-task focused modules. That's all good, but how do you structure modules? How many functions, classes a module should have? This post presents 4 best practices on how to organize better your JavaScript modules. 1. Prefer named exports When I started using JavaScript modules, I had used the default syntax to exp
KV Storage - the Web's First Built-in Module | Blog | Chrome for Developers
Browser vendors and web performance experts have been saying for the better part of the last decade that localStorage is slow, and web developers should stop using it. To be fair, the people saying this are not wrong. localStorage is a synchronous API that blocks the main thread, and any time you access it you potentially prevent your page from being interactive. The problem is the localStorage AP
Distinguish CoreModule from AppModule or drop it · Issue #17825 · angular/angular
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community. Pick a username Email Address Password Sign up for GitHub By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails. Already on GitHub? Sign in to your account
2018 年の tree shaking - 株式会社カブク
Discussion 1. CommonJS は tree shaking されない ※追記、修正あり すべてのモジュールバンドラーが、 import { isEqual } from 'lodash'; を tree shaking できませんでした。これは、 CommonJS は静的に解析することができない困難または不可能（2018/06/15 修正）なためです。 例えば、 ES Modules の import, export に対応する CommonJS の require、 exports は、それぞれ以下のように動的に書くことが許容されています。 require const fooOrBar = require(Math.random() < 0.5 ? 'foo' : 'bar'); exports for(const name of ['foo', 'bar']) { ex
ES Modules in Node Today!
I’m excited to announce the release of @std/esm (standard/esm), an opt-in, spec-compliant, ECMAScript (ES) module loader that enables a smooth transition between Node and ES module formats with near built-in performance! This fast, small, zero-dependency package is all you need to enable ES modules in Node today 🎉🎉🎉 @std/esm used in the Node REPL after `npm --save @std/esm`A tale of two module
ECMAScript modules in browsers
ES modules are now available in browsers! They're in… Safari 10.1. Chrome 61. Firefox 60. Edge 16. <script type="module"> import { addTextToBody } from './utils.mjs'; addTextToBody('Modules are pretty cool.'); </script> // utils.mjs export function addTextToBody(text) { const div = document.createElement('div'); div.textContent = text; document.body.appendChild(div); } Live demo. All you need is t
What's New In DevTools (Chrome 61) | Blog | Chrome for Developers
New features and major changes coming to DevTools in Chrome 61 include: Mobile device throttling simulation. Set CPU and network throttling simultaneously, to simulate mid-tier or low-end mobile devices. Storage usage. View how much storage an origin is using, broken down by technology (IndexedDB, cache, local, session, etc.). Cache timestamps. View when a service worker cached a response. Enable
Browser module loading - can we stop bundling yet?
Note: The browser is picky about the import syntax, particularly where it comes to the URL. All paths must be either absolute or relative, and relative paths must start with '.' or '..' Up until now, we’ve been using bundlers like rollup and webpack to turn all of those modules into a single JavaScript file that the browser can run (or perhaps several of them, if we’re code-splitting). This is bec
ES6 module loading: More complicated than you think - NCZOnline
One of the most long-awaited features of ECMAScript 6 is the formal definition of modules as part of the language. For years, JavaScript developers have struggled with organizing their code and needing to decide between alternate ad-hoc module formats like RequireJS, AMD, and CommonJS. Formally defining modules as part of JavaScript will eliminate a lot of heartache in the future, but right now, t
What is AMD, CommonJS, and UMD?
⚠️ Warning: this is an old article and may include information that’s out of date. ⚠️ Intro Over the years there’s been a steadily increasing ecosystem of JavaScript components to choose from. The sheer amount of choices is fantastic, but this also infamously presents a difficulty when components are mixed-and-matched. And it doesn’t take too long for budding developers to find out that not all co
Why AMD?
Module Purposes§ 1 The Web Today§ 2 CommonJS§ 3 AMD§ 4 Module Definition§ 5 Named Modules§ 6 Sugar§ 7 CommonJS Compatibility§ 8 AMD Used Today§ 9 What You Can Do§ 10 This page talks about the design forces and use of the Asynchronous Module Definition (AMD) API for JavaScript modules, the module API supported by RequireJS. There is a different page that talks about general approach to modules on t
これさえやれば大丈夫! TypeScriptのImportが取っ付きにくい人向け - Qiita
(2014/6/1追記) 本記事はTypeScriptに対する知識が浅いうちに生意気にも書いた記事ですが、TypeScriptのimportはクライアントサイド（ブラウザ）向けとサーバサイド（Node.jsなどのCommonJS）向けで解釈が異なり、このためコンパイラtscへのオプション指示が必要になります。以下の本文で「コンパイラに対するオプションを与えないと怒られる」と書いたのはクライアント向けとサーバ向けの情報を混ぜて勘違いした結果です。 以下は、クライアントサイド向けとしてimportを使う際に書いた古い記事です。コメント欄にも有益な情報を頂いておりますので、併せてご参照ください。 -- TypeScriptによってJavaScriptもずいぶん書きやすくなりました。OOPとしてグローバル変数や静的関数は極力減らしたいところですが、jQueryなどのJavaScript資産を併用す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GoLand 2018.3 EAP 2: Dependency Diagrams, High-Contrast Theme, and Better Code Completion for Databases | The GoLand Blog
Modules
Thoughts on importing npm modules to the web as JavaScript modules
ESModules VanillaJS • TodoMVC
GitHub - systemjs/systemjs: Dynamic ES module loader
JSPM - ES Module Package Manager and CDN
The typical module pattern が AMD に対応しない理由
Index of /