- Clone repository.
- Run
npm install
oryarn install
. - Run
npm run dev
oryarn run dev
. - Run
npm test
oryarn test
. - Serve
index.html
usinglive-server
or similar.
We need node
& npm
, as well as packages live-server
and eslint
installed globally. VSCode's eslint
extension is recommended. Command line commands are run inside the project folder. This guide uses npm but should work the same using yarn.
- Dive deeper into React Router.
- Learn about the
render
prop for inlining functions insideRoute
. - Learn about the
children
prop for inlining functions insideRoute
. - Passing "normal" props along to the component rendered by
Route
. - Passing
history
,match
andlocation
props to the component rendered byRoute
. - Creating sub-routes using
match.path
. - Learn about
history.push()
. - Learn about
history.replace()
. - Creating Navlinks using
match.url
. - Learn about the
NavLink
component. - Style Links and Navlinks using
styled-components
. - Learn about
Switch
component. - Learn about
Redirect
component. - Learn about
withRouter
HOC.
- How to pass player into components.
- How to have something render always but still get history, location and match.
- Have a
children
component render to the screen whether there is match or not. - Have tic tac toe randomly redirect to Home.
- Have blackjack check for 'authed' in local storage and send you to Home if there isn't one.
- Style a Navlink using styled-components.
- Use withRouter to give a component knowledge of history, match and location.
- Create dynamic subroutes to blackjack and have the links disappear when user clicks link to sub route.