AlfieDarko

/* Block component */
.checkout-form {
  /* Elements */
  &__title {
    // ...  
  }
  &__button {
    // ...
  } 
  &__input {

AlfieDarko

/* Block component */
.checkout-form {
  // ..
}
/* Element that depends upon the block */
.checkout-form__title {
  // ..
}
.checkout-form__input {
  // ..

AlfieDarko

/* Super simplified html form to illustrate BEM classname usage. */

<form class="checkout-form checkout-form--darkmode"> 
  
  <p class="checkout-form__title"> 
    Buy Bitcoins!
  </p>
  
  <input class="checkout-form__input checkout-form__input--big"/>
  

AlfieDarko

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


export default class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      term: '',

AlfieDarko

function returnFitPlayers(allPlayers, injuredPlayers) {   
    let result = allPlayers.filter((player) => { 
            !injuredPlayers.includes(player)  
    });   
    return result;  
}    
//     filter through the manUTD team and return players 
//     that are NOT included in the injuredPlayers array

const fitPlayers = returnFitPlayers(manUTD, InjuredPlayers)

AlfieDarko

let first6Months = ["Jan", "Feb", "March", "April", "May", "June"]

console.log(first6Months)
// Expected output:  [ "June", "May", "April", "March", "Feb", "Jan" ]

let first6MonthsClone 
first6MonthsClone = first6Months.reverse()

console.log(first6Months)
// Expected output:  ["Jan", "Feb", "March", "April", "May", "June"]

AlfieDarko

const manUTD = [ 
"David de Gea",
"Victor Lindelöf",
"Eric Bailly",
"Phil Jones",
"Marcos Rojo",
"Paul Pogba",
"Alexis Sánchez",
"Juan Mata",
"Romelu Lukaku",

AlfieDarko

console.log(fitPlayers)
// Expected output:
// [ 'David de Gea',
//   'Victor Lindelöf',
//   'Paul Pogba',
//   'Romelu Lukaku',
//   'Axel Tuanzebe',
//   'Scott McTominay',
//   'Diogo Dalot' ]

AlfieDarko

const manUTD = [ 
"David de Gea",
"Victor Lindelöf",
"Eric Bailly",
"Phil Jones",
"Marcos Rojo",
"Paul Pogba",
"Alexis Sánchez",
"Juan Mata",
"Romelu Lukaku",

AlfieDarko

const injuredPlayers = [
  "Juan Mata", 
  "Joel Castro Pereira", 
  "Marcos Rojo", 
  "Phil Jones", 
  "Eric Bailly", 
  "Alexis Sánchez", 
  "Anthony Martial", 
  "Cameron Borthwick-Jackson"
]