Darren Jaworski darrenjaworski

Use CRA to get you going.

$ npx create-react-app component-library

You're going to want styleguidist. Follow the instructions here.

Add .babelrc file to the root of your library.

every img should have alt text that describes what is in the image
keyboard navigation within the page, (tab and arrow keys)
in a form, every element has a label, and describes what appropriately the form element is
ensure every form element within a form can be navigated to
caption and/or transcripts for media (audio/video)
every link should make sense with the link text, avoid "submit, click here" etc

	// basic instance of store in redux
	const createStore = reducer => {
	let state;
	let listeners = [];

	const getState = () => state;

	const dispatch = action => {
	state = reducer(state, action);
	listeners.forEach(listener => listener());

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<link rel="stylesheet" href="style.css" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
	</head>

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	</head>
	<body>
	<script src="http://oklahoma-bookdirect.com/widgets/search_widget.js.php?id=334" type="text/javascript" language="javascript"></script>
	</body>
	</html>

	<?php
	// ... An alternative to a multisite config while using the same codebase.
	// ... In my use case: parent and child theme with two different domains. Multisite not wanted. (although it would make life easier)
	// MySQL settings - You can get this info from your web host //
	/** The name of the database for WordPress */
	$domain_one = preg_match( '/domainone\.com/', $_SERVER['SERVER_NAME'] );
	$domain_two = preg_match('/domaintwo\.com/', $_SERVER['SERVER_NAME'] );

	if ( $domain_one ) {
	define('DB_NAME', 'database_one');