V School Preparation

Before your first day at V School, we'd like you to sign up for a few services. Since these are internet accounts, it shouldn't matter which »

Setting up MongoDB Compass

MongoDB Compass is a great GUI tool for inspecting and interacting with the data in your MongoDB database. It's free, and easy to set up. 1) »

Image Grid Exercise

IMAGE GRID For this next part, I will post all the code, but don't feel like you have to write out the code yourself, especially because »

Constructors to Classes

Convert the following constructor functions to use the ES6 class syntax. 1. function Clown(name, shoeSize, isScary) { this.name = name; this.shoeSize = shoeSize; this.isScary = isScary; »

Redux Contacts (Pure JS Redux)

Build a contact management system using Redux in a vanilla JavaScript environment (no React). You should be able to dispatch actions that add a new person »

Redux Intro

Redux is a state management tool. By now, you've likely been using React and state, setState, and props to pass data around in your application. For »

Redux Thunk

This post assumes you already have learned and understand the basic concepts of Redux - action creators and actions, the dispatcher, the reducers, and the store. »

Redux in React

Create React App index.js redux folder actions (with index.js inside) reducers (with index.js inside) install redux and react-redux Add Provider Wrap <App& »

Intro To React Router

What is a SPA? React Router is an excellent tool we can use to help us easily turn our React applications into Single Page Applications (SPAs) »

Random Color Component

Create a component that uses axios to GET a random color from the random color API and sets that component's background color to that random color. »

Name Entry

Build a simple react app with an input box, an <h1>, a button, and an ordered list. The user will type names into the »

Flatten Array

Given an array of indeterminate depth (dimensions), return a flattened version of the original array. function flatten(arr) { } let arr = [1, 2, [3]] flatten(arr) // returns »

Superhero Events

Build a React app that displays a list of superheroes with their name and image. When any part of the superhero component (name or image) is »

Array Reduce Exercises

Use the built-in .reduce() method on arrays to solve all of these problems 1) Turn an array of numbers into a total of all the numbers »

DJ JS 2.0

We'll be beefing up our original DJ JS. (You'll still need to make this from scratch). This time around, we won't be focusing on javascript event »