Chris Pearce chrisui

"React" - Needs no introduction...
"React Patterns" - A nice learning resource for all the patterns you'll see used across the React ecosystem
“Real World Redux” - Talk I gave back in feb on our experience with Redux (there’s a recording linked on that page)
“Recompose” - Is a react utility library we use extensively which is allowing us to move towards writing dumber components with localised containers (ie. removing api redux as a first class api)
- An extra talk on recompose by the creator here: https://www.youtube.com/watch?v=zD_judE-bXk
Can also see how we’re writing our own Higher order components and component enhancers here:

I hereby claim:

To claim this, I am signing this object:

	// all of our components are in their own directories with local css
	// so we use index.js (node resolution paradigm) so we can write:
	// `import Button from 'components/button'`
	// rather than:
	// `import Button from 'components/button/button'`
	//
	// eg. dir structure
	// /components/button
	// /components/button/index.js
	// /components/button/button.js

	These stats were made available from https://github.com/lystable/recon

	Num modules parsed
	How many modules did we explore?

	1243

	---

	Num components

	export function Component({state, increment}) {
	return (
	<div>
	{state.count} hits!
	<button onClick={increment}>Hit me!</button>
	</div>
	);
	}

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<title>Webpack Bundle Analyzer</title>


	<!-- viewer.js -->
	<script>

	function Text(props) {
	return <Span color="black" {...props} />
	}

	const BlueText = withProps({
	color: 'blue'
	})(Text)

	export const testComponent = (
	Component: RC,
	defaultProps?
	: () => Object
	= () => ({}),
	) => {
	return (otherProps: Object, hoc?: (RC) => RC) => {

	// our final props for the component merged from default
	// and per-test