I have developed an IoC container called InversifyJS with advanced dependency injection features like contextual bindings. You need to follow 3 basic steps to use it: 1. Add annotations The annotation API is based on Angular 2.0: import { injectable, inject } from “inversify”; @injectable() class Katana implements IKatana { public hit() { return “cut!”; … Read more
The best solution may depend on whether you have a preference for the actual JavaScript variable being a number, a string, or otherwise. If you don’t mind String, you can do it like this: ///messagelevel.d.ts export type MessageLevel = “Unknown” | “Fatal” | “Critical” | “Error”; ///main.d.ts import * as ml from “./MessageLevel”; interface IMyMessage … Read more
One core difference that annoyed me in early use was figuring out that a define might never be called. As long as there is only one define per file, it will register that module as available under that filename. However, define modules are only loaded once a require function asks for each of them. Define: … Read more
Yes, and I owe this answer to ded and his awesome modules: (function(name, definition) { if (typeof module != ‘undefined’) module.exports = definition(); else if (typeof define == ‘function’ && typeof define.amd == ‘object’) define(definition); else this[name] = definition(); }(‘mod’, function() { //This is the code you would normally have inside define() or add to … Read more
An AMD optimiser has the scope to optimise more than the number of files to be downloaded, it can also optimise the number of modules loaded in memory. For example, if you have 10 modules and can optimise them to 1 file, then you have saved yourself 9 downloads. If Page1 uses all 10 modules … Read more
You can do this at the top of your file (instead of import): /// <amd-dependency path=”just/referencingthis/forpackaging” />
How are you defining your require.config? I think for it to take effect before you import require.js, you need to code it like this: <script type=”text/javascript”> var require = { baseUrl: “/scripts/”, waitSeconds: 15, urlArgs : “bust=”+new Date().getTime() }; </script> <script data-main=”app/main” src=”https://stackoverflow.com/scripts/require.js”></script> Specifically, a an object named ‘require’ must be constructed before you import … Read more
I believe that this is the direction most websites should be moving in considering the number of devices that users utilize today, and the abilities and limitations of each. IMPORTANT: Before reading the rest of this, please understand that this concept is built on the foundation of basic principles of designing for the web. In … Read more
For Babel >= 7.x ES6 code has two processing modes: “script” – When you load a file via a <script>, or any other standard ES5 way of loading a file “module” – When a file is processed as an ES6 module In Babel 7.x, files are parsed as “module” by default. The thing that is … Read more
I figured it out and I’ll answer it here in case anybody else finds this question. Go to Tools -> Android -> AVD Manager Click “Create Virtual Device” Select which device you want to use from the list (i.e Nexus 5) and click “Next”. Here you’re given a list of android release versions. Look at … Read more