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

    >

  )

}

```