daniellehoo/lireddit

Fullstack React GraphQL TypeScript Tutorial

YouTube Tutorial:

https://www.youtube.com/watch?v=I6ypD7qv3Z8

Github Repo:

https://github.com/benawad/lireddit

Discord:

https://discord.com/channels/446854611937263616/456284222680727552/536838126870462475

VS Code Extensions:

Bracket Pair Colorizer Docker GraphQL for VSCode Prettier - Code Formatter Vim

VS Code Shortcuts:

Ctrl + ~ => Open new terminal window Ctrl + Space or Ctrl + . => auto completion Creating a file name with a / creates a folder + the file

Terminal Commands for project:

node -v => node version yarn -v => yarn version npm init -y => creates a package.json yarn add -D @types/node typescript => adds dependencies yarn add -D ts-node npx tsconfig.json node dist/index.js => will run the JS code yarn add -D nodemon yarn add @mikro-orm/cli @mikro-orm/core @mikro-orm/migrations @mikro-orm/postgresql pg yarn watch npx mikro-orm migration:create yarn add express apollo-server-express graphql type-graphql yarn add -D @types/express

package.json

can add start script with src file "watch": "tsc -w" run type script with the watch flag--takes type script code and turns it into JS will recompile every time we make a change "dev": "nodemon dis/index.js " will monitor and run changes