Skip to content

Commit 42d7cd4

Browse files
committed
initial commit
1 parent 44deaf2 commit 42d7cd4

File tree

5 files changed

+39
-1
lines changed

5 files changed

+39
-1
lines changed

README.md

+32-1
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,33 @@
1-
# quickstart-for-react-ts-vite-tailwind
1+
# Quickstart for React + TypeScript + Vite + TailwindCSS
2+
3+
<table align="center">
4+
<tr>
5+
<td><img src="./public/vite.svg" alt="Vite" width="100" height="100"></td>
6+
<td><img src="./public/react.svg" alt="React" width="100" height="100"></td>
7+
<td><img src="./public/typescript.svg" alt="TypeScript" width="100" height="100"></td>
8+
<td><img src="./public/tailwind.svg" alt="TailwindCSS" width="100" height="100"></td>
9+
</tr>
10+
</table>
11+
212
This repository contains a collection of examples that provide hands-on learning opportunities for developing frontend React TypeScript applications using ViteJS and TailwindCSS.
13+
14+
<b>Note</b>: This repository is only a quickstart guide. It is not a complete guide to React, TypeScript, ViteJS, or TailwindCSS.
15+
16+
## What knowledge do you need?
17+
18+
1. Basic knowledge of HTML
19+
2. Basic knowledge of programming concepts such as variables, functions, and objects
20+
21+
## What will you learn?
22+
23+
1. Basic Usage of JavaScript
24+
2. Basic Usage of TypeScript
25+
3. Using React with TypeScript
26+
4. TailwindCSS with React
27+
28+
## Table of Contents
29+
30+
1. [JavaScript](./JavaScript.md)
31+
2. [TypeScript](./TypeScript.md)
32+
3. [React](./React.md)
33+
4. [TailwindCSS](./TailwindCSS.md)

public/react.svg

+1
Loading

public/tailwind.svg

+4
Loading

public/typescript.svg

+1
Loading

public/vite.svg

+1
Loading

0 commit comments

Comments
 (0)