You just need to wrap object in () var arr = [{ id: 1, name: ‘bill’ }, { id: 2, name: ‘ted’ }] var result = arr.map(person => ({ value: person.id, text: person.name })); console.log(result)
Both JSON.stringify and JSON.parse support a second argument. replacer and reviver respectively. With replacer and reviver below it’s possible to add support for native Map object, including deeply nested values function replacer(key, value) { if(value instanceof Map) { return { dataType: ‘Map’, value: Array.from(value.entries()), // or with spread: value: […value] }; } else { return … Read more
You can easily re-export the default import: export {default as Comp1} from ‘./Comp1.jsx’; export {default as Comp2} from ‘./Comp2.jsx’; export {default as Comp3} from ‘./Comp3.jsx’; There also is a proposal for ES7 ES8 that will let you write export Comp1 from ‘…’;.
Node.js 13.2.0 & Above Node.js 13.2.0 now supports ES Modules without a flag 🎉. However, the implementation is still marked as experimental so use in production with caution. To enable ECMAScript module (ESM) support in 13.2.0, add the following to your package.json: { “type”: “module” } All .js, .mjs (or files without an extension) will … Read more
Class Names Firstly, if you’re certain that you’re extending from the correctly named class, e.g. React.Component, not React.component or React.createComponent, you may need to upgrade your React version. See answers below for more information on the classes to extend from. Upgrade React React has only supported ES6-style classes since version 0.13.0 (see their official blog … Read more
If you don’t know, it’s quite likely globals is the right answer for you. Either way, you need to understand: what is and why AMD what is a nodejs module what is ecmascript 6 and especially es6 modules [UPDATE] This feature was introduced very recently in bower and is not documented at all yet (AFAIK). … Read more
Decision tree between ES5, ES6 and TypeScript Do you mind having a build step? Yes – Use ES5 No – keep going Do you want to use types? Yes – Use TypeScript No – Use ES6 More Details ES5 is the JavaScript you know and use in the browser today it is what it is … Read more
ESLint defaults to ES5 syntax-checking. You’ll want to override to the latest well-supported version of JavaScript. Try adding a .eslintrc.json file to your project. Inside it: { “parserOptions”: { “ecmaVersion”: “latest” }, “env”: { “es6”: true } } Hopefully this helps. EDIT: I also found this example .eslintrc.json which might help.
We do have dynamic imports proposal now with ECMA. This is in stage 3. This is also available as babel-preset. Following is way to do conditional rendering as per your case. if (condition) { import(‘something’) .then((something) => { console.log(something.something); }); } This basically returns a promise. Resolution of promise is expected to have the module. … Read more
I often do the following in index.js files that compose several files: export {default as SomeClass} from ‘./SomeClass’; export {someFunction} from ‘./utils’; export {default as React} from ‘react’; This blog entry provides some nice additional examples. Important note You should be aware this eslint-rule when accessing these exported imports. Basically, in another file, you shouldn’t: … Read more