Chris Laughlin chrislaughlin

This is a proposal for a lightning talk at Reactive Conf. Please 🌟 this gist to push the proposal! If you're on your phone, please request the 🖥 desktop site to star this gist 😇 #ReactiveConf

#Top 5 Chrome Developer Tools Features

A quick paced look at my top 5 most used and most useful Chrome Developers Tools features. From inspecting elements to profiling applications.

https://reactiveconf.com/

This is a proposal for a lightning talk at Reactive Conf. Please 🌟 this gist to push the proposal! If you're on your phone, please request the 🖥 desktop site to star this gist 😇 #ReactiveConf

There’s no Imposters Here

The google trend for imposter syndrome took a spike in December 2014, it wasn’t until mid 2017 that the topic reached peek in the tech industry. It is an indiscriminate force that affects all people in tech. Fueled by the constant bombardment of blog posts, tweets and new advancements in technology. Imposter syndrome can haunt someone throughout their career.

However “there are no imposters here” The tech community is actively working to remove barriers and provide inclusion for all. In these times we need to identify and stop imposter syndrome.

First set out your build scripts In your package.json scripts and install the gh-pages npm module

"build": "gatsby build",
"test": "echo \"no test specified\" && exit 0",
"preDeploy": "gatsby build --prefix-paths",
"deploy": "npm run preDeploy && gh-pages -d public"

Connect Travis CI to your repo and in the repo settings add an enviroment var call GITHUB_TOKEN with the value of your github token from:

	function findImports (j, ast, pkg) {
	return ast.find(j.ImportDeclaration, {
	source: {
	value: pkg
	}
	})
	}
	/**
	* Detects CommonJS and import statements for the given package.
	* @return true if import were found, else false

	const getKeyName = keyCode => {
	switch (keyCode) {
	case 37:
	return "left";
	case 38:
	return "up";
	case 39:
	return "right";
	case 40:
	return "down";

	<div
	onClick={event => {
	if (document.getSelection() === '') {
	event.stopPropigation();
	}
	}
	>
	text
	</div>

	//Click first close span
	const possibleText = ['CLose', 'Dismiss', 'Close', 'I agree'];
	const possibleTags = ['span', 'button', 'a'];

	const findAndClick = tag => {
	Array.from(
	document.querySelectorAll(tag)
	).find(item => {
	let found = false;
	possibleText.forEach(text => {

	<ActionsTable
	columns={columnConfig}
	componentsConfig={componentConfig}
	selectableRows
	fixedHeight={'40vh'}
	singleRowSelected={onUserSelected}
	data={data}
	tableOptions={{
	tableTitle: true,
	search: true,

	http://thedyslexicdeveloper.com/#/?_k=tj9n2a
	http://pongtest.christopherlaughlin.co.uk/
	http://zgrossbart.github.io/jsprofarticle/index1.htm