https://sandstorm.github.io/typescript-react-app-kickstart-guide

Kickstart guide for React Redux Apps written in TypeScript
https://sandstorm.github.io/typescript-react-app-kickstart-guide

deprecated gitbook guide kickstart react redux redux-observable typescript

Last synced: 3 months ago
JSON representation

Kickstart guide for React Redux Apps written in TypeScript

• Host: GitHub
• URL: https://sandstorm.github.io/typescript-react-app-kickstart-guide
• Owner: sandstorm
• License: mit
• Archived: true
• Created: 2018-09-24T10:48:26.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2021-10-06T08:22:29.000Z (about 3 years ago)
• Last Synced: 2024-07-23T11:10:03.991Z (4 months ago)
• Topics: deprecated, gitbook, guide, kickstart, react, redux, redux-observable, typescript
• Language: JavaScript
• Homepage:
• Size: 6.39 MB
• Stars: 18
• Watchers: 13
• Forks: 1
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
> DEPRECATED! [Create React APP](https://create-react-app.dev/) and [Redux Toolkit](https://redux-toolkit.js.org/) made it simple to set up react & redux with typescript.

# React TypeScript kickstart

This the source for  a guide for kickstarting a new React project with preconfigured Redux, TypeScript, Storybook and testing - all powered by [docusaurus](https://docusaurus.io).

If you find errors, inconsistencies or want to contribute: Feel free to submit issues & pull requests.

## Prerequisites

These tools are needed to start developing.

```bash

# node version management

brew install nvm

# node (latest lts version)

nvm install --lts

# yarn

brew install yarn --without-node

```

## Editor

We recommend to use [VSCode](https://code.visualstudio.com/) as editor. 

Install the following Extensions:

* `TSLint` -> linting support directly in editor ([marketplace](https://marketplace.visualstudio.com/items?itemName=eg2.tslint))

* `Type safe React & Redux Snippets in TypeScript` -> Snippets for boilerplate code as shown in Cookbook ([marketplace](https://marketplace.visualstudio.com/items?itemName=Sandstorm.vscode-awesome-ts-react-redux-snippets))

## Cookbook

In the cookbook you will find skeletons for important modules. These skeletons are also available for VSCode as snippets in the VSCode [marketplace](https://marketplace.visualstudio.com/items?itemName=Sandstorm.vscode-awesome-ts-react-redux-snippets).

## Example (Component with defaultProps)

> Look, Ma' - Intellisense!