An open API service indexing awesome lists of open source software.

https://github.com/mischnic/parcel-issue-7161


https://github.com/mischnic/parcel-issue-7161

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

          

![](src/image/logo.png)

# React-MobX-Bootstrap.ts

[React][1] project scaffold based on [TypeScript][2], [MobX][3] & [Bootstrap][4],
which is inspired by [WebCell scaffold][5].

[![NPM Dependency](https://david-dm.org/idea2app/React-MobX-Bootstrap-ts.svg)][6]
[![CI & CD](https://github.com/idea2app/React-MobX-Bootstrap-ts/workflows/CI%20&%20CD/badge.svg)][7]

## Technology stack

- Language: [TypeScript v4][2]
- Component engine: [React 17][1]
- State management: [MobX v5][3]
- Component suite: [React Bootstrap v1][8]
- HTTP Client: [KoAJAX][9]
- PWA framework: [Workbox v6][10]
- Package bundler: [Parcel v2][11]
- CI / CD: GitHub [Actions][12] + [Pages][13]

## Extra components

1. [Icon](src/component/Icon.tsx)
2. [Time distance](src/component/TimeDistance.tsx)
3. [Nameplate](src/component/Nameplate.tsx)
4. [Table spinner](src/component/TableSpinner.tsx)
5. [Rich-text editor][14]

## Development

```shell
npm install

npm start
```

## Deployment

```shell
npm run build
```

[1]: https://reactjs.org/
[2]: https://www.typescriptlang.org/
[3]: https://mobx.js.org/
[4]: https://getbootstrap.com/
[5]: https://github.com/EasyWebApp/scaffold
[6]: https://david-dm.org/idea2app/React-MobX-Bootstrap-ts
[7]: https://github.com/idea2app/React-MobX-Bootstrap-ts/actions
[8]: https://react-bootstrap.github.io/
[9]: https://github.com/EasyWebApp/KoAJAX
[10]: https://developers.google.com/web/tools/workbox
[11]: https://parceljs.org
[12]: https://github.com/features/actions
[13]: https://pages.github.com/
[14]: https://github.com/idea2app/React-Bootstrap-editor