Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vtereshyn/react-typescript-eslint-starter

👍 🚀 Quick start with React/TypeScript without Create React App
https://github.com/vtereshyn/react-typescript-eslint-starter

css cssmodules eslint javascript react typescript

Last synced: about 13 hours ago
JSON representation

👍 🚀 Quick start with React/TypeScript without Create React App

Awesome Lists containing this project

README

        


Shield
Shield
Shield

# React Typescript Starter with Eslint and Babel



react




eslint
babel
typescript

## Description
The problem of typing has long been known to all Javascript developers. Someone resolves it with the help of a Flow, someone with the help of something else, and someone with the help of a TypeScript. This repository allows you to make quick in React Development using TypeScript.

This boilerplate uses Webpack, Eslint, CSS Modules and Babel.

You don't need Create React App

Pull Requests are very welcome!

## Usage

```sh
git clone [email protected]:vtereshyn/react-typescript-eslint-starter.git
```
or
```sh
git clone https://github.com/vtereshyn/react-typescript-eslint-starter.git
```

### Install

With Yarn:

```sh
yarn
```

With NPM:

```sh
npm i
```

### Development mode

With Yarn:

```sh
yarn dev
```

With NPM:

```sh
npm run dev
```

### Run linters

With Yarn:

```sh
yarn lint
```

With NPM:

```sh
npm run lint
```

#### Fix lint issues

With Yarn:

```sh
yarn lint-fix
```

With NPM:

```sh
npm run lint-fix
```

### Build project
With Yarn:

```sh
yarn build
```

With NPM:

```sh
npm run build
```
Dist folder will have a structure like:

```js
dist
- public
-- assets
-- js
-- styles
-- index.html
```