luisjunco

A: Element Variables (in your JavaScript)

function MyComponent(){

    let button;
    if (isLoggedIn) {
      button = <LogoutButton />;
 } else {

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()
• find all documents in a collection

ironhack-edu

General guidelines for labs/assignments

In this document, you will find all the steps you should follow when working on the labs (in the prework and during the bootcamp).

Step 1: Fork the repository

The majority of time, you will have to start the process with forking. Just a quick reminder on what is the process of forking.