luisjunco

Git Branches Cheatsheet

🙌 | Common operations and commands:

luisjunco

React Router Cheatsheet

• This cheatsheet is based on React Router Dom v6.7.0
• If you use a different version, some things may be different

---

Initial Setup

luisjunco

Common shortcuts in VS Code (Win // Mac):

• Comment code: Ctrl (K+C) // ⌘ (K+C)
• UnComment code: Ctrl (K+U) // ⌘ (K+U)

• Duplicate line: Alt & Shift + Arrow Down // Option & Shift + Arrow Down
• Multicursor: hold Alt + click // hold Option + click

luisjunco

React Forms

Intro

• Form elements such as <input>, <textarea>, and <select> naturally keep some internal state (and change based on user's input).

• From the React team: > In most cases, we recommend using controlled components to implement forms. In a controlled component, form data is handled by a React component.

luisjunco

Heroku commands

• Authenticate

  • heroku login

• Open the app in the browser (from terminal)

  • heroku open

luisjunco

Embedded documents vs. References

There's 2 ways of storing complex data and relationships in MongoDB/Mongoose.

• Embedded documents

  const authorSchema = new Schema({

//...

luisjunco

Intro

This cheatsheet covers the following topics:

1. URL: Route Params
2. URL: Query String
3. Request Body

luisjunco

Mongoose static methods:

Create

• Model.create(data)
• Model.insertMany(arr)

Read

• Model.find(filter)
• If the filter is not provided or an empty object: it returns all the documents in a collection (example: Pizza.find())