damassi / Babel 7 Typescript Example
Example TypeScript project built on top of new Babel 7 features. Includes Jest and Enzyme.
Stars: ✭ 166
Programming Languages
javascript
184084 projects - #8 most used programming language
typescript
32286 projects
Labels
Projects that are alternatives of or similar to Babel 7 Typescript Example
Swc
swc is a super-fast compiler written in rust; producing widely-supported javascript from modern standards and typescript.
Stars: ✭ 18,627 (+11121.08%)
Mutual labels: babel
Babel Plugin Lodash
Modular Lodash builds without the hassle.
Stars: ✭ 1,903 (+1046.39%)
Mutual labels: babel
Shopify Webpack Themekit
Shopify development tool using webpack and themekit
Stars: ✭ 157 (-5.42%)
Mutual labels: babel
Lighthouse Badges
🚦Generate badges (shields.io) based on Lighthouse performance.
Stars: ✭ 150 (-9.64%)
Mutual labels: babel
Babel Plugin Flow To Typescript
Babel plugin to convert Flow code into TypeScript
Stars: ✭ 156 (-6.02%)
Mutual labels: babel
Js Stack Boilerplate
Final boilerplate code of the JavaScript Stack from Scratch tutorial –
Stars: ✭ 145 (-12.65%)
Mutual labels: babel
Babel Plugin Webpack Alias
babel 6 plugin which allows to use webpack resolve options
Stars: ✭ 151 (-9.04%)
Mutual labels: babel
Babel Polyfills
A set of Babel plugins that enable injecting different polyfills with different strategies in your compiled code.
Stars: ✭ 158 (-4.82%)
Mutual labels: babel
React Itunes Search
🎵Simple web app for itunes search with React
Stars: ✭ 147 (-11.45%)
Mutual labels: babel
Webpack Babel Multi Target Plugin
A Webpack plugin that works with Babel to allow differential loading - production deployment of ES2015 builds targeted to modern browsers, with an ES5 fallback for legacy browsers.
Stars: ✭ 150 (-9.64%)
Mutual labels: babel
Babel Plugin Transform React To Vue
Transform React component to Vue component (beta)
Stars: ✭ 157 (-5.42%)
Mutual labels: babel
Webpack Encore
A simple but powerful API for processing & compiling assets built around Webpack
Stars: ✭ 1,975 (+1089.76%)
Mutual labels: babel
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: ✭ 165 (-0.6%)
Mutual labels: babel
Reactn
React, but with built-in global state management.
Stars: ✭ 1,906 (+1048.19%)
Mutual labels: babel
Express Webpack React Redux Typescript Boilerplate
🎉 A full-stack boilerplate that using express with webpack, react and typescirpt!
Stars: ✭ 156 (-6.02%)
Mutual labels: babel
TypeScript + Babel 7
Example TypeScript project built on top of new Babel 7 features. Includes React 16, Jest and Enzyme (for tests). Since the TypeScript compiler is no longer required to compile sources you can keep your existing Babel pipeline and instead rely on editor-based type-checking or tsc
.
Installation
git clone https://github.com/damassi/babel-7-typescript-example && cd babel-7-typescript-example
yarn install
yarn start
yarn test:watch
yarn typecheck
For a more complete example that uses Webpack see this fork -- thanks @flobacher.
If using VSCode, make sure to install the recommended extensions.
Example
// App.tsx
import React, { Component } from 'react'
interface Props {
name: string
}
export const App extends Component<Props> {
render () {
return (
<div>
Hi {this.props.name} from .tsx!
</div>
)
}
}
// index.ts
import ReactDOM from 'react-dom/server'
import { App } from './components/App'
console.log(ReactDOM.renderToString(<App name='leif' />))
yarn build (or babel src --out-dir dist --extensions '.ts,.tsx')
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].