V School | Better Humans, Better Outcomes

Meme List Generator: Level 3 Group Capstone

Your group will make an app that satisfies the following user stories. It will be similar to what was completed in Scrimba, but will be done in VS Code and in a group using git: * A user will see a meme image on page load * A user can click "refresh

Arrow Functions

Arrow functions simplify the syntax of our traditional functions. They use symbols that make intuitive sense to help make our functions simpler. The old way of writing functions: const add = function(a, b){ return a + b; } With arrow functions, we can remove the function key word, and add an arrow

Import/Export

Before we would require npm packages or other files from our project. Now, we use the import syntax. import axios from 'axios'; Is the same as saying const axios = requre('axios'); We can also "unpack" only the methods or items that we need from the package or file. import { Component

Destructuring

As we've found, the easiest way to learn the new ES6 syntax is to see the old way of writing JavaScript. const expense = { type: "Business", amount: "$45 USD" }; const type = expense.type; const amount = expense.amount; ugh. So much redundancy! We have const, type, and amount written three times. Using

Object Literals

Object literal syntax is just a way to make our code look nicer. To show how to use this, we will just look at the old/uglier way of doing things, and then see the ES6/prettier way of doing things. There are three major ways object literals do this.

V School | Better Humans, Better Outcomes © 2026