AyoAlfonso

{
  "basics": {
    "name": "Ayo Alfonso",
    "label": "Mobile & Fullstack Engineer | React Native, Flutter, Riverpod, MobX, AI Tools",
    "email": "[email protected]",
    "location": {
      "city": "United Kingdom"
    },
    "url": "https://ayoalfonso.com",
    "profiles": [

AyoAlfonso

{
  "basics": {
    "name": "Thomas Edison",
    "label": "Inventor and Businessman",
    "picture": "https://example.com/photo.jpg",
    "email": "[email protected]",
    "phone": "(123) 456-7890",
    "website": "https://thomasedison.com",
    "summary": "Prolific inventor and businessman known for developing many devices that greatly influenced life around the world, including the phonograph, the motion picture camera, and the electric light bulb.",
    "location": {

AyoAlfonso

{
  "basics": {
    "name": "Thomas Edison",
    "label": "Inventor and Businessman",
    "picture": "https://example.com/photo.jpg",
    "email": "[email protected]",
    "phone": "(123) 456-7890",
    "website": "https://thomasedison.com",
    "summary": "Prolific inventor and businessman known for developing many devices that greatly influenced life around the world, including the phonograph, the motion picture camera, and the electric light bulb.",
    "location": {

AyoAlfonso

{
  "basics": {
    "name": "Thomas Edison",
    "label": "Inventor and Businessman",
    "picture": "https://example.com/photo.jpg",
    "email": "[email protected]",
    "phone": "(123) 456-7890",
    "website": "https://thomasedison.com",
    "summary": "Prolific inventor and businessman known for developing many devices that greatly influenced life around the world, including the phonograph, the motion picture camera, and the electric light bulb.",
    "location": {

AyoAlfonso

Vanilla JavaScript Quick Reference / Cheatsheet

Just migrated it from Codepen.io to markdown. Credit goes to David Conner.

Working with DOM	Working with JS	Working With Functions
Accessing Dom Elements	Add/Remove Array Item	Add Default Arguments to Function
Grab Children/Parent Node(s)	Add/Remove Object Properties	Throttle/Debounce Functions
Create DOM Elements	Conditionals

AyoAlfonso

import React, { useState, useEffect } from "react";
import axios from "axios";

const Test = () => {
  const [data, setData] = useState([]);
  const [land, setLand] = useState("");
  const [pop, setPop] = useState({
    country: "",
    population: "",
    year: "",

AyoAlfonso

function getLegitTextNodes() {
  if (!document.createTreeWalker) return [];
  
  var blacklist = ['SCRIPT', 'OPTION', 'TEXTAREA'],
      textNodes = [],
      walker = document.createTreeWalker(
        document.body,
        NodeFilter.SHOW_TEXT,
        function excludeBlacklistedNodes(node) {
          if (blacklist.indexOf(node.parentElement.nodeName.toUpperCase()) >= 0) return NodeFilter.FILTER_REJECT;

AyoAlfonso

Rails Migration

http://guides.rubyonrails.org/migrations.html

Migrations methods:

• add_column
• add_index
• change_column
• change_table
• create_table
• drop_table

AyoAlfonso

/**
Using input object type for mutations
**/
type Mutation {
      register(input : createPersonInput!):RegisterUserResponse!
}

input createPersonInput{
      name: String!

AyoAlfonso

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {