Skip to content

Instantly share code, notes, and snippets.

Avatar

Alfie Darko AlfieDarko

View GitHub Profile
View checkout-form.sass
/* Block component */
.checkout-form {
/* Elements */
&__title {
// ...
}
&__button {
// ...
}
&__input {
View checkout-form.css
/* Block component */
.checkout-form {
// ..
}
/* Element that depends upon the block */
.checkout-form__title {
// ..
}
.checkout-form__input {
// ..
View example.html
/* 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"/>
View gist:099ee9ae48727229d2b4c652464a4e71
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: '',
View return_outputs.js
console.log(fitPlayers)
// Expected output:
// [ 'David de Gea',
// 'Victor Lindelöf',
// 'Paul Pogba',
// 'Romelu Lukaku',
// 'Axel Tuanzebe',
// 'Scott McTominay',
// 'Diogo Dalot' ]
View give_me_non_injured_players.js
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)
View injury_list.js
const injuredPlayers = [
"Juan Mata",
"Joel Castro Pereira",
"Marcos Rojo",
"Phil Jones",
"Eric Bailly",
"Alexis Sánchez",
"Anthony Martial",
"Cameron Borthwick-Jackson"
]
View manutd_team.js
const manUTD = [
"David de Gea",
"Victor Lindelöf",
"Eric Bailly",
"Phil Jones",
"Marcos Rojo",
"Paul Pogba",
"Alexis Sánchez",
"Juan Mata",
"Romelu Lukaku",
View remove_the_injured.js
const manUTD = [
"David de Gea",
"Victor Lindelöf",
"Eric Bailly",
"Phil Jones",
"Marcos Rojo",
"Paul Pogba",
"Alexis Sánchez",
"Juan Mata",
"Romelu Lukaku",
View concat_transformation.js
let arr = [1,2,3,4,5]
arr.concat(6)
console.log(arr)
// Expected output: [1,2,3,4,5]
let arrClone = arr.concat("I am six")
console.log(arrClone)