Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jordanmarcelino/react-ts-mui-starter
React Typecript with MUI Starter & Boilerplate
https://github.com/jordanmarcelino/react-ts-mui-starter
boilerplate boilerplate-template material-ui react-query reactjs redux starter starter-template tailwind-css typescript
Last synced: about 1 month ago
JSON representation
React Typecript with MUI Starter & Boilerplate
- Host: GitHub
- URL: https://github.com/jordanmarcelino/react-ts-mui-starter
- Owner: JordanMarcelino
- License: apache-2.0
- Created: 2024-11-27T08:37:37.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-10T14:53:55.000Z (about 1 month ago)
- Last Synced: 2024-12-10T16:20:56.971Z (about 1 month ago)
- Topics: boilerplate, boilerplate-template, material-ui, react-query, reactjs, redux, starter, starter-template, tailwind-css, typescript
- Language: TypeScript
- Homepage:
- Size: 183 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React.js + MUI (Tailwind CSS) + TypeScript Starter & Boilerplate 🚀
Starter template for building React applications with MUI, Tailwind CSS, and TypeScript.
## ✨ Features
- ⚛️ **React 18**: Latest React features and optimizations.
- 🛡 **TypeScript**: Strongly typed development environment for better code quality.
- 🎨 **MUI (Material UI)**: Elegant, customizable UI components with a robust design system.
- 💨 **Tailwind CSS**: Utility-first CSS framework for rapid UI development.
- 🎯 **React Query**: Efficient data fetching and caching with `@tanstack/react-query`.
- 🗂️ **React Router DOM**: Simple and dynamic routing with `react-router-dom`.
- 🛠 **React Hook Form + Zod**: Form management and schema validation with `react-hook-form` and `zod`.
- 🦺 **Redux Toolkit**: Scalable state management with `@reduxjs/toolkit` and `react-redux`.
- 🔧 **ESLint**: Linting support for cleaner, more consistent code.
- 💻 **Vite**: Super fast build tool and development server.
- 🍪 **React Cookie**: Manage cookies effortlessly in your React components.
- 🔄 **JWT Decode**: Decode and handle JSON Web Tokens with ease.
- 🛠 **Error Boundary**: Gracefully handle React component errors using `react-error-boundary`.
- 🌍 **React Helmet Async**: SEO and meta tag management.
- 🪄 **Tailwind Merge**: Combine Tailwind utility classes without conflicts.
## 🚀 Getting Started
### 1️⃣ Clone the Repository
Clone this repository to your local machine:
```bash
git clone https://github.com/jordanmarcelino/react-ts-mui-starter
```
Or you can use this repository as template
### 2️⃣ Move into the Directory
Navigate to the project directory:
```bash
cd react-ts-mui-starter
```
### 3️⃣ Install Dependencies
Install all project dependencies using Bun for faster installs:
```bash
bun install
```
Alternatively, use:
```bash
npm install
```
### 4️⃣ Run the Development Server
Start the development server using Bun:
```bash
bun dev
```
Alternatively, use:
```bash
npm run dev
```
Happy coding! 💻✨