This is the repository (modified from create-next-app
) created in the GunnHacks 8.0 React Workshop.
If you missed the workshop, had trouble setting up, or were left confused by my fast pace (sorry!), a recording of the workshop
can be found here.
If you want to follow along from a specific point in the recording, this repository's commits correspond with the following sections of the workshop:
- Introduction to git and
npx create-next-app
- JSX, components, props,
props.children
,.module.css
- Navbar and client side routing with
<Link>
,<Head>
,_app.js
- Directories in routing
useState
using a counter page- Creating a todo app with state
useEffect
and deps with localStorage persistence
useRef
was mentioned very briefly at the end of the workshop which is referenced in the final commit.
Hopefully this demo helped improve your knowledge of web development. Good luck and happy hacking!