Cameron Olivier cameronolivier

## ReactComponentRefactor.js
/* Util Component */
const Optional = ({ condition, Fallback, children }) => (
  condition
  ? {children}
  : !!Fallback ? {Fallback} : null  //excuse the double ternary - better solved with defaultPropTypes
)

/* Loader Util Component */
const Loader = ({ isLoading, children }) => (
 <Optional

## basic-css-grid-example.html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Your First Grid!</title>
</head>

<style>

## css-for-basic-grid.css
.grid {
  display:grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1rem;
}


## onenameverification.gist
Verifying that +cameronolivier is my blockchain ID. https://onename.com/cameronolivier
	/* Util Component */
	const Optional = ({ condition, Fallback, children }) => (
	condition
	? {children}
	: !!Fallback ? {Fallback} : null //excuse the double ternary - better solved with defaultPropTypes
	)

	/* Loader Util Component */
	const Loader = ({ isLoading, children }) => (
	<Optional
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Your First Grid!</title>
	</head>

	<style>
	.grid {
	display:grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 1rem;
	}