Surijal

Redux | Intro and Setup

What is Redux

Surijal

// App.js

import React, { Component } from 'react';
import './App.css';

import Counter from './components/Counter'

class App extends Component {

Surijal

class Clock extends React.Component {
  constructor(props) {
    super(props);
    this.state = { 
      year: props.year
    };
    
    console.log('IN CONSTRUCTOR');
  };

Surijal

class Clock extends React.Component {
  constructor(props) {
    super(props);
    this.state = { 
      year: props.year
    };
    
    console.log('IN CONSTRUCTOR');
  };

Surijal

// src/App.js
import React, { Component } from 'react';
import User from './components/User';

// App.js
class App extends Component {
  state = {
    userA: {
      firstName: "Harper",
      avatarUrl: "https://www.refreshmiami.com/wp-content/uploads/2018/07/55085_logo-ironhack.png"

Surijal

Axios

Surijal

ExpressJS | GET & POST

Surijal

JS | Array methods - map() & forEach()

Capitalize the Capitals - Exercise

For the following exercise you can use ES5 or ES6 syntax, whichever you feel more comfortable with at this point.

Go ahead to Repl.it , using the code below as your starting point.