Oluwasetemi

class TodoApp extends React.Component {
  constructor(props) {
    super(props);
    this.state = { items: [], text: '' };
    this.handleChange = this.handleChange.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  }

  render() {
    return (

Oluwasetemi

class MarkdownEditor extends React.Component {
  constructor(props) {
    super(props);
    this.handleChange = this.handleChange.bind(this);
    this.state = { value: 'Type some *markdown* here!' };
  }

  handleChange(e) {
    this.setState({ value: e.target.value });
  }

Oluwasetemi

/* bling.js */

window.$ = document.querySelectorAll.bind(document);

Node.prototype.on = window.on = function (name, fn) {
  this.addEventListener(name, fn);
}

NodeList.prototype.__proto__ = Array.prototype;

Oluwasetemi

// All you need to do is add a font that has pretty good itlaics support i.e Fira, Operator, etc. and then add these two params to your existing User settings.
// Tested in Monokai Sharp and Super One Dark

{
"editor.fontFamily": "'Operator Mono', Menlo, Monaco, 'Courier New', monospace",
"editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": [
                    "comment",

Oluwasetemi

function fizzBuzz(amount) {
  // let arr = []
  // for (let i = 0; i <= amount; i++) {
  //   arr.push(i)
  // }
  return Array.from({ length: amount + 1 })
    .map((v, i)=> i)
    .filter((v => v !== 0))
    .map(v => {
      if (v % 3 === 0 && v % 5 === 0) {

Oluwasetemi

#!/usr/bin/env node

console.log('hello from npx')

Oluwasetemi

const pyramid = n => {
  const oddNumberArray = Array.from({ length: n * 2 })
    .map((v, i) => i + 1)
    .filter(v => {
      if (v % 2 !== 0) return v
    })
    let oddStringArray = numberToString(oddNumberArray)
    oddStringArray.map(v => console.log(pad(v, (n * 2) - 1)))
}

Oluwasetemi

HTML

Table of Content

1. HTML Introduction
2. HTML Basics
3. HTML Attributes
4. HTML Advanced
5. HTML Entities
6. CSS in HTML - Cascading Style Sheets

Oluwasetemi

import React, { Suspense, useState } from "react";
import { unstable_createResource as createResource } from "react-cache";
import {
  Combobox,
  ComboboxInput,
  ComboboxList,
  ComboboxOption
} from "./Combobox2.js";

function App({ tabIndex, navigate }) {

Oluwasetemi

const { GraphQLClient } = require('graphql-request');

const client = new GraphQLClient('https://api.github.com/graphql', {
  headers: { Authorization: 'token XXXX' }
});

(async () => {
  try {
    const query = `
    { viewer { name repositories(isFork: true, first: 10) { edges { node { createdAt name databaseId } cursor } totalCount pageInfo { endCursor startCursor hasNextPage hasPreviousPage } } } }