Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/a-x-/react-boilerplate
Yet another react template/bootstrap/builerplate/startup-kit project
https://github.com/a-x-/react-boilerplate
create-react-app docker eslint immutable jest nginx react-router redux redux-thunk semantic-ui yarn
Last synced: about 5 hours ago
JSON representation
Yet another react template/bootstrap/builerplate/startup-kit project
- Host: GitHub
- URL: https://github.com/a-x-/react-boilerplate
- Owner: a-x-
- Created: 2017-04-24T10:38:26.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-05-08T16:21:28.000Z (over 7 years ago)
- Last Synced: 2024-11-12T05:35:02.430Z (2 months ago)
- Topics: create-react-app, docker, eslint, immutable, jest, nginx, react-router, redux, redux-thunk, semantic-ui, yarn
- Language: JavaScript
- Homepage:
- Size: 64.5 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend
## Installation
```sh
curl -L https://git.io/n-install | bash
npm i -g yarn
git clone [email protected]:a-x-/react-boilerplate.git && cd react-boilerplate
yarn
```
## Running static HMR dev server and lint & testing watchers
```sh
PORT=3000 yarn start
yarn test
yarn lint
```
### Server
#### Mock
```sh
REACT_APP_MOCK=1 PORT=3000 yarn start
```
### Real server with mocked db
Server must be ran at 3001 port.
*server run guide*
## Production
### Discovery
**In development** `app` goes to the `/api/...` at `localhost:3000` proxy.
See [more](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#proxying-api-requests-in-development) about [webpack proxy](https://github.com/fullstackreact/food-lookup-demo-rails#overview). Look at `cat package.json | jq .proxy` and `prod.nginx.conf` also.
**In production** `app` goes to the same proxy. Nginx handles it and proxies to `http://backend-service:3000`.
### Deployment
```sh
yarn test-build
yarn deploy
```
----
## Todo
- [ ] Add LOADERS
- [ ] Add redux optimistic actions
- [ ] Add GraphQL
- [ ] Add server-side rendering, node backend
- [ ] Add PostCSS