jserrao

// https://www.cluemediator.com/search-filter-for-multiple-object-in-reactjs

import React, { useState } from 'react';
 
function App() {
  const dataList = [
    {
      "id": 1,
      "name": "cerulean",
      "year": 2000,

jserrao

// 3- Take listItemsArray and loop through it w/ regex
for (var i = 0; i < listItemsArray.length; i++) {

  // 4- Use regex to break each list item into five pieces
  listItemsTemp[i] = listItemsArray[i].match(/(<li\b(?:>\s+(?:id="([^"]*)"|class="([^"]*)")|[^\s>]+|\s+)*>)|((<\w+\b>)|(<a\shref=".*">)|(.+?(?=<))|(<\/\w+\b)>)/g);

  // 5- Setup listItemsRearranged[i] with an array of listItemsTemp.length
  listItemsRearranged[i] = new Array(listItemsTemp.length);

  // 6- Take listItemsTemp and reassign positions

jserrao

import React from 'react'
import Link from 'gatsby-link'
import styled from 'styled-components'

// Styles, w/ styled-component syntax
const NavContainer = styled.nav`
  background-color: ${props => props.theme.lightGray};
  font-size: 14px;
  max-width: ${props => props.theme.xs};
  overflow: auto;

jserrao

// Mongo DB commands

db.restaurants.insert({
  "name": "Haikan",
  "address" : {
      "street" : "805 V Street NW",
      "zipcode" : 20001
  },
  "cuisine": "Ramen"
})

jserrao

import React from 'react'

/* Handling a Form */
class Form extends React.Component {

  // Set up a state object that's just empty
  // You'll see why it's empty in handleChange
  constructor(props) {
    super(props);
    this.state = {};

jserrao

// Give Node access to path
const path = require('path')
const fs = require('fs')

// Setup parser for taking apart the HTML Description hack stuff from Shopify
const DomParser = require('dom-parser')
const shopifyDescParser = new DomParser()

exports.createPages = async ({ graphql, actions }) => {
  const { createPage } = actions

jserrao

/* MAIN MENU ITEM SWITCH
 *
 * Description:
 * For whatever reason, it's near impossible to get the WP markup in the menu to switch around
 * So we're begrudgingly doing it in JS
 * This is accomplished by using a regex that breaks the capture after each list item end tag
 *
 * Usage:
 * Really simple - just pass in the class / ID for the sidebar menu container
 * This function is not really reusable due to the regex but encapsulation is a good idea in a big JS file

jserrao

Verifying my Blockstack ID is secured with the address 19Qdh8zaHkHj6QxQdgf7eRnRjhhZkzaSBs https://explorer.blockstack.org/address/19Qdh8zaHkHj6QxQdgf7eRnRjhhZkzaSBs

jserrao

// How to read a pseudo class in JS
window.getComputedStyle(
	document.querySelector('.element'), ':before'
);

jserrao

/* SCROLL CHECKER
 *
 * Description:
 * This function scans all incoming clicks.
 * This allows users to easily click outside an active offcanvas menu.
 *
 *
 * Usage:
 * This function analyzes the kinds of clicks that could come a page and an offcanvas menu.
 * It's checking for a hamburger menu, a menu closing mechanism, links in a menu and links on a page