https://github.com/heycn/react-starter
⚡️ React Starter Template
https://github.com/heycn/react-starter
Last synced: 4 months ago
JSON representation
⚡️ React Starter Template
- Host: GitHub
- URL: https://github.com/heycn/react-starter
- Owner: heycn
- Created: 2023-11-08T02:12:57.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-11-22T04:32:32.000Z (over 1 year ago)
- Last Synced: 2024-12-28T22:29:35.893Z (6 months ago)
- Language: TypeScript
- Homepage:
- Size: 251 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 好用的 React 启动项目
这是我从零开始搭建的一个 React 项目,包含了
## 使用到的技术
- React
- Vite
- TypeScript
- zustand
- TailwindCSS
- Iconify
- React Router
- i18next## 一些技巧
### 使用 Icon
```tsx
import { Icon } from '@iconify/react'```
其中 icon 的名字你可以去 https://icones.js.org/ 搜索,然后复制你喜欢的 icon 的名称填入 icon 属性即可。### 在组件外切换路由
```tsx
import { router } from '@/router/router'
router.navigate('/home')
```### 主题切换
使用 `toggleTheme` 自动切换主题
```tsx
import { useTheme } from '@/hooks/use_theme'export const App: React.FC = () => {
const { toggleTheme } = useTheme()
return (
<>
toggleTheme
>
)
}
```