Ouch.. I found solution, so I use sinon to stub and import * as foo from ‘foo’ to get object with all exported functions so I can stub them. import sinon from ‘sinon’; import cap from ‘cap’; import * as foo from ‘foo’; sinon.stub(foo, ‘bar’, m => { console.log(‘confirm’, m); }); describe(‘cap’, () => { … Read more
In a module context, variables don’t automatically get declared globally. You’ll have to attach them to window yourself. This is to prevent the scope ambiguity issues that you’d run into when using normal script tags. The import/export usage is incorrect. If you export function xyz, you must import { xyz } If you export default … Read more
Why is the return a function? return () => { ignore = true }; From the docs, Why did we return a function from our effect? This is the optional cleanup mechanism for effects. Every effect may return a function that cleans up after it. This lets us keep the logic for adding and removing … Read more
It’s easiest to just look at what the three different ES6 import/export styles compile down to in CommonJS. // Three different export styles export foo; export default foo; export = foo; // The three matching import styles import {foo} from ‘blah’; import foo from ‘blah’; import * as foo from ‘blah’; Roughly compiles to: exports.foo … Read more
You can’t mix import and module.exports. In the import world, you need to export things. // Change this module.exports = foo; // To this export default foo;
With ES6 modules, the closest thing available to what you want is a namespace import: import * as foo from ‘./otherClass’; The use it individual exports as foo.ClassA You can see the available kinds of imports in the import documentation. Also, what’s the meaning of the { … } and some of the types being … Read more
No, ES6 does not have a literal notation for Maps or Sets. You will have to use their constructors, passing an iterable (typically an array literal): var map = new Map([[“foo”, “Foo”], [“bar”, “Bar”], …]); var set = new Set([“Foo”, “Bar”, …]); There are some proposals to add new literal syntax to the language, but … Read more
import {Link} from ‘react-router’; imports a named export from react-router, i.e. something like export const Link = 42; import Router from ‘react-router’; const {Link} = Router; pulls out the property Link from the default export, assuming it is an object, e.g. export default { Link: 42 }; (the default export is actually nothing but a … Read more
From the readme: prettier.semi (default: true) Whether to add a semicolon at the end of every line (semi: true), or only at the beginning of lines that may introduce ASI failures (semi: false) You have to set prettier.semi to false. To change prettier settings see, Like all other vscode settings note: These settings are prefixed … Read more
tl;dr If you’re on Babel 6, you can use https://www.npmjs.com/package/babel-plugin-transform-builtin-extend Extending builtin types like Array and Error and such has never been supported in Babel. It is perfectly valid in a real ES6 environment, but there are requirements to make it work that are very difficult to transpile in a way that is compatible with … Read more