https://github.com/nedomas/el-backo-frontend-steps
https://github.com/nedomas/el-backo-frontend-steps
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/nedomas/el-backo-frontend-steps
- Owner: Nedomas
- Created: 2019-01-06T10:39:36.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-02-11T12:27:49.000Z (over 6 years ago)
- Last Synced: 2025-02-04T16:25:25.513Z (4 months ago)
- Language: JavaScript
- Size: 383 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
1 - Create a new react app with [Create React App](https://github.com/facebook/create-react-app) (also automatically creates the first git commit):
```
yarn create react-app el-backo-frontend
```
2 - Run the app inside the `el-backo-frontend` folder (can then access the app at http://localhost:3000):
```
yarn start
```
3 - Add [React Router](https://reacttraining.com/react-router/web/guides/quick-start) package with:
```
yarn add react-router-dom
```
4 - Configure React Router in `App.js` with one `Index` route and add `Index` component.
5 - Add `/singleplayer/new` route and `SingleplayerNew` component
6 - Add `Link` in `Index` component to `/singleplayer/new` route
7 - Add `SingleplayerPlayerNames` that asks for player names for a new game; also accepts and renders `playersCount` variable from the url
8 - Add [lodash](https://lodash.com) that will be needed for utility operations:
```
yarn add lodash
```
9 - Add router links for player counts to the `SingleplayerNew` component; map it using lodash