resources.md

Resources

Git

• Oh Shit, Git!
• Learn Git Branching
• lazygit

React

• React Reference
• React Tutorial
• Next.js Docs

NextJS

App Router

• Official Documentation (Can be a little tricky to understand at times)
• Amitav's Blurb on Routing (WIP)

CSS

• Flexbox Froggy
• Tailwind Docs
  • these are good not only just to learn tailwind specifics, but also if you want to know more about a CSS property in general.
• MDN CSS Reference
  • Another good place to learn the ins and outs of a given property

VS Code Extensions

• Typescript
• ESLint
• Prettier

The typescript extension provides VS Code the tools it needs to analyze typescript code and give you accurate type errors (most of you probably already have this installed). ESLint and Prettier are used to enforce code style/practice, and will make sure all the code in our codebase follows certain guidelines.

Installing Node and npm

• We are going to use NVM (node version manager) to deal with node installations. You can get it here
  • after you have run the install script, run nvm install node to install the latest version of node.
• To manage node packages, we will be using pnpm, which you can install by running npm i -g pnpm. i is short for install, and the -g flag installs it globally rather than on a per-project basis.