https://github.com/betacatpro/railgun
React+Typescript组件库
https://github.com/betacatpro/railgun
react typescript
Last synced: 3 months ago
JSON representation
React+Typescript组件库
- Host: GitHub
- URL: https://github.com/betacatpro/railgun
- Owner: BetaCatPro
- Created: 2020-05-06T03:38:01.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-05-03T15:43:27.000Z (about 2 years ago)
- Last Synced: 2025-02-05T14:39:31.473Z (3 months ago)
- Topics: react, typescript
- Language: TypeScript
- Size: 1.95 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## React Hooks + TypeScript 开发 UI 组件库
#### Log
组件测试痛点：以 App 为入口，每次需写繁琐的测试页面代码
App.tsx
```javascript
import React from 'react'
import { Routes, Route, Link } from 'react-router-dom'
import { ButtonTest } from './views/ButtonTest'
import { MenuTest } from './views/MenuTest'
import NotFound from './views/NotFound'
function App() {
return (
Button 测试
Menu 测试
} />
} />
} />
} />
)
}
export default App
```
index.tsx
```javascript
import React from 'react'
import { createRoot } from 'react-dom/client'
import { BrowserRouter } from 'react-router-dom'
import { library } from '@fortawesome/fontawesome-svg-core'
import { fas } from '@fortawesome/free-solid-svg-icons'
import './assets/styles/index.scss'
import App from './App'
import * as serviceWorker from './serviceWorker'
library.add(fas)
const root = createRoot(document.getElementById('root') as HTMLElement)
root.render(
{/* history model */}
)
serviceWorker.unregister()
```
解决办法：采用 [Stroybook](https://storybook.js.org/docs/react/get-started/install) 方式管理，取消 App.tsx 入口
```bash
npx storybook@latest init
```
To run storybook you need to have node 16 or higher