ross-u

Commit Message Guidelines

Short (72 chars or less) summary

More detailed explanatory text. Wrap it to 72 characters. The blank
line separating the summary from the body is critical (unless you omit
the body entirely).

Write your commit message in the imperative: "Fix bug" and not "Fixed
bug" or "Fixes bug." This convention matches up with commit messages

ross-u

// src/components/Description.js

// Import react
import React from 'react';

// Create a function component and set props as the argument
function Description (props) {
  
  return (
    <div>

ross-u

// 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"

ross-u

// src/App.js

import React, { Component } from 'react';
import User from './components/User';
import Navbar from './components/Navbar';

class App extends Component {
  state = {
    userA: {
      firstName: "Harper",

ross-u

import React from 'react';
import './App.css';
import Clock from './components/Clock';

class App extends React.Component {
  state = {
    currentTime: 'N/A',
    showClock: true
  }

ross-u

...

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

ross-u

//  ...

class Clock extends React.Component {
  constructor(props) {
    // ...
    console.log('IN CONSTRUCTOR');
  };
  
	
   // custom methods and lifecycle methods go after the `constructor`

ross-u

//    ...

class App extends React.Component {

      
//	...

      
//		...

ross-u

import React from 'react';


class Clock extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      year: 2020,
      timerId: null,                  //		<-- CREATE NEW PROPERTY
      timer: 0,                           //		<-- CREATE NEW PROPERTY

ross-u

// App.js

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

import Counter from './components/Counter'

class App extends Component {