Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/renatoxm/react-typescript-examples

A collection of Typescript React.js implementations, Patterns, Algorithms and Data Structures.
https://github.com/renatoxm/react-typescript-examples

data-structures design-patterns react reactjs typescript vercel vite

Last synced: 2 days ago
JSON representation

A collection of Typescript React.js implementations, Patterns, Algorithms and Data Structures.

Awesome Lists containing this project

README

        

# React Typescript Examples

![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)
![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
![Vite](https://img.shields.io/badge/Vite-B73BFE?style=for-the-badge&logo=vite&logoColor=FFD62E)

A collection of Typescript React.js implementations, Patterns, Algorithms and Data Structures.

## Features

- [x] ⚛️ React 18
- [x] ⛑ TypeScript
- [x] 📏 ESLint — To find and fix problems in your code
- [x] 💖 Prettier — Code Formatter for consistent style
- [x] 🐶 Husky — For running scripts before committing
- [x] 🚓 Commitlint — To make sure your commit messages follow the convention
- [x] 🚫 lint-staged — Run ESLint and Prettier against staged Git files
- [x] 🌬️ Windi CSS — Next generation utility-first CSS framework. 20~100x times faster than Tailwind

## Install the project

This project runs on [Vitejs](https://vitejs.dev/guide/)

```sh
# pnpm
pnpm i
```

## Running

To start the project locally, run:

```sh
pnpm dev
```

Open `http://localhost:5173` with your browser to see the result.

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for more information.

## Useful links