Compilation

Modern Javascript

(via Babel)

You can use import, const, =>, rest/spread operators, destructuring, classes with class properties, and JSX in your code. Babel compiles them with these plugins:

• @babel/preset-env
• @babel/preset-react
• @babel/preset-typescript
• @babel/plugin-proposal-object-rest-spread
• @babel/plugin-proposal-class-properties
• babel-preset-react-optimize

If you want to use a package that needs a Babel plugin, try Babel Macros. Macros apply the configuration changes for you when you import the package. For example, to use Emotion:

import styled from 'react-emotion/macro';
import { css } from 'emotion/macro';

Many packages support macros. Check the package documentation for help.

TypeScript

TypeScript files (.ts and .tsx) are supported as part of your source code. You can also mix JavaScript with TypeScript. This lets you convert the project to TypeScript over time. The sku lint script reports type errors in your code.