Vladimir Skok iamskok

Shopify Certification

aria-live="polite" is used for content which might get updated. Polite won't interupt.
a11y.js comes with Slate. Has trapFocus and removeTrapFocus methods.
URL mapping
The {{ content_for_header }} variable must be placed between the opening and closing <head> tag. It inserts the necessary Shopify scripts into the <head> which includes scripts for Google Analytics, Shopify analytics, for Shopify apps, and more.
The {{ content_for_layout }} variable must be placed between the opening and closing <body> tag. It outputs dynamic content generated by all of the other templates (index.liquid, product.liquid, and so on).
t filter is used to pull translation from locales/ru.json
In tags with more than one and or or operator, operators are checked in order from right to left. You cannot change the order of operations using parentheses — parentheses are invalid characters in Liquid and will preven

open and validate gatsby-config (get-config-file.js) 1.5 load themes (swyx added this note July 2019)
load plugins (load-plugins/index.js) from the list given in gatsby-config.js
onPreBootstrap: runs onPreBootstrap if it is implemented in any plugins, for example gatsby-plugin-typography. Receives handy [apiCallArgs](https://github.com/gatsbyjs/gatsby/blob/ffd8b2d691c9

	amend='git commit --amend'
	g=git
	ga='git add'
	gaa='git add --all'
	gac='git add . && git commit -v'
	gapa='git add --patch'
	gb='git branch'
	gba='git branch -a'
	gbda='git branch --merged \| command grep -vE "^(\\|\smaster\s*$)" \| command xargs -n 1 git branch -d'
	gbl='git blame -b -w'

	# DEV Sandbox

	## Objective

	Learn Shopify and practice JavaScript by following BVA styleguide.
	Some designs might be simplified along the way.

	## Links

	### Git

	/** @jsx jsx */
	import { jsx } from 'theme-ui'
	import { useEffect, useState } from 'react'
	import Image from 'gatsby-image'
	import { getFluidImageObject } from 'gatsby-transformer-cloudinary'

	export default () => {
	const [fluid, setFluid] = useState(false)

	useEffect(() => {

	function randomHex() {
	const hexMax = 256 * 256 * 256;
	return '#' + Math.floor(Math.random() * hexMax).toString(16).toUpperCase().padStart(6, '0');
	}

	lsof -nP -i4TCP:9000 \| grep LISTEN
	kill PID