Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/smakosh/beafapp
Beaf React App bootstrapped in 24 hours
https://github.com/smakosh/beafapp
react react-router-dom redux styled-components
Last synced: about 14 hours ago
JSON representation
Beaf React App bootstrapped in 24 hours
- Host: GitHub
- URL: https://github.com/smakosh/beafapp
- Owner: smakosh
- Created: 2018-11-16T20:05:03.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2019-05-19T13:10:19.000Z (over 5 years ago)
- Last Synced: 2024-11-11T05:57:30.592Z (about 1 month ago)
- Topics: react, react-router-dom, redux, styled-components
- Language: JavaScript
- Homepage: https://app.beafapp.com
- Size: 2.35 MB
- Stars: 3
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Custom React Boilerplate
### Features
- Stateless functional components using Recompose
- Private and public routes using React-router-dom
- Redux store setup and configured
- Nice file structure
- Eslint
- PWA
- Client side error handling with formik and validation with yup
- Server side errors show up easily, you need to pass the right errors object from the backend
- Async/Await implemented on actions
and more....
### Libraries used
```js
"axios": "^0.18.0",
"formik": "^1.3.0",
"react": "^16.6.3",
"react-dom": "^16.6.3",
"react-helmet": "^5.2.0",
"react-redux": "^5.0.7",
"react-router-dom": "^4.3.1",
"react-scripts": "2.0.3",
"react-spinkit": "^3.0.0",
"recompose": "^0.30.0",
"redux": "^4.0.0",
"redux-thunk": "^2.3.0",
"styled-components": "^4.1.1",
"yup": "^0.26.5"
```
### Setup
1- Create a `.env.local` file on the root of the app and pass on these env variables:
```shell
REACT_APP_URL=example.com
REACT_APP_NAME=example
REACT_APP_PROD_API=api.example.com
REACT_APP_DEV_API=api.dev.example.com
```
2- Run `yarn && yarn start` and your react app will be running on `localhost:3000`
3- Update the endpoints and play around.
### Todo
- [x] Open source a simple rest api with auth ready and server side error handling: https://github.com/smakosh/rest-api-boilerplate-v2
- [ ] Write an article connecting that api with this boilerplate
- [ ] Apply redux-thunk
- [ ] Prepare most common used elements (buttons, form fields...)