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

https://github.com/apascualm/cra-template-typescript

The base TypeScript template with testing included for a React App
https://github.com/apascualm/cra-template-typescript

Last synced: 3 months ago
JSON representation

The base TypeScript template with testing included for a React App

Awesome Lists containing this project

README

        

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)
![Git](https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge&logo=git&logoColor=white)
![GitHub Actions](https://img.shields.io/badge/github%20actions-%232671E5.svg?style=for-the-badge&logo=githubactions&logoColor=white)
![NPM](https://img.shields.io/badge/NPM-%23000000.svg?style=for-the-badge&logo=npm&logoColor=white)

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)
![Testing-Library](https://img.shields.io/badge/-TestingLibrary-%23E33332?style=for-the-badge&logo=testing-library&logoColor=white)
![cypress](https://img.shields.io/badge/-cypress-%23E5E5E5?style=for-the-badge&logo=cypress&logoColor=058a5e)
![Jest](https://img.shields.io/badge/-jest-%23C21325?style=for-the-badge&logo=jest&logoColor=white)

![Repository Version](https://img.shields.io/github/package-json/v/apascualm/cra-template-typescript)
[![Tests And Publish](https://github.com/apascualm/cra-template-typescript/actions/workflows/test-publish.yml/badge.svg)](https://github.com/apascualm/cra-template-typescript/actions/workflows/test-publish.yml)

# cra-template-typescript + 💊

This **_not_** is the official TypeScript template for [Create React App](https://github.com/facebook/create-react-app).\
This is a vitamins React template.

## Extra features

- 🤩 **Craco**
- 🤩 **Jest, Jest-Axe & Testing Library**
- 🤩 **Cypress & Testing Library**
- 🤩 **ESlint & Prettier**
- 🤩 **React Router**
- 🤩 **Github Actions**

## How Use
To use this template, add `--template @apascualm/typescript` when creating a new app.

For example:

```sh
npx create-react-app my-app --template @apascualm/typescript

# or

yarn create react-app my-app --template @apascualm/typescript
```

For more information, please refer to:

- [Getting Started](https://create-react-app.dev/docs/getting-started) – How to create a new app.
- [User Guide](https://create-react-app.dev) – How to develop apps bootstrapped with Create React App.