scwebd

*==== React Resources @channel: ==================*

*React: The Virtual DOM:* https://www.codecademy.com/articles/react-virtual-dom

*Babel Repl* (see ES6+ transpiled into ES5): https://babeljs.io/repl/#

*Yarn vs NPM: Everything You Need to Know:* https://www.sitepoint.com/yarn-vs-npm/

scwebd

<li className="nav-item">
  <a href="#home" onClick={() => props.handlePageChange("Home")} className={`nav-link ${props.currentPage ? "active" : ""}`}>
    Home
  </a>
</li>
<li className="nav-item">
  <a href="#about" onClick={() => props.handlePageChange("About")} className={props.currentPage === "About" ? "nav-link active" : "nav-link"}>
    About
  </a>
</li>

scwebd

<form>
    <label htmlFor="breed-choice">Breed name:</label>
    <input list="breeds" id="breed-choice" name="breed-choice" className="form-control" placeholder="Choose a Breed" />
    <datalist id="breeds">

    </datalist>
    <button type="submit" className="btn btn-success btn-block mt-2">Search</button>
</form>

scwebd

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

scwebd

<div className="alert alert-success" role="alert">
  Your alert message here!
</div>

scwebd

<p>
    <button type="button" className="btn btn-primary mr-2">Like</button>
    <button type="button" className="btn btn-secondary">Dislike</button>
</p>

scwebd

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <a class="navbar-brand" href="/">Pupster</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav">
            <li class="nav-link">
                <a class="nav-link" href="/">About</a>
            </li>

scwebd

<p>Doggo ipsum aqua doggo boof smol borking doggo with a long snoot for pats blep, length boy most angery pupper I have ever seen. Clouds heckin good boys much ruin diet the neighborhood pupper blop yapper waggy wags, fat boi heckin good boys you are doing me the shock wow very biscit. Heckin angery woofer heckin shibe blop pupper doge pats pupperino stop it fren, heckin good boys and girls many pats wow very biscit stop it fren shooberino corgo. fat boi. Shibe waggy wags boofers big ol, heck.</p>

<p>Extremely cuuuuuute such treat long woofer very jealous pupper heck extremely cuuuuuute shoob many pats, he made many woofs blep very jealous pupper long doggo shoob puggo. Wrinkler such treat boofers wow such tempt heckin good boys and girls bork, blep heckin ruff thicc doing me a frighten, puggo doge smol borking doggo with a long snoot for pats boof. pats fat boi heck. Most angery pupper I have ever seen very taste wow much ruin diet borkf aqua doggo shoober, lotsa pats very hand that feed shibe heckin good b

scwebd

*==== ES6/JS Resources @channel: ====================*

*Function Expressions vs Function Declarations* (`var myFunction = function() {` vs `function myOtherFunction() {`): https://javascriptweblog.wordpress.com/2010/07/06/function-declarations-vs-function-expressions/

*When _Not_ to Use Arrow Functions:* https://wesbos.com/arrow-function-no-no/

*.call(), .apply(), and .bind() in JavaScript:* https://www.codementor.io/niladrisekhardutta/how-to-call-apply-and-bind-in-javascript-8i1jca6jp

*JavaScript ES6+: var, let, or const?* https://medium.com/javascript-scene/javascript-es6-var-let-or-const-ba58b8dcde75

scwebd

  var tableName = sequelize.define('tableName', {
    Country: {
      type: Sequelize.STRING
    },
    PhoneCode: {
      type: Sequelize.INTEGER
    },
    Capital: {
      type: Sequelize.STRING
    },