Peter Piekarczyk peterpme

🏠

Working from home

Building Backpack 🎒

peterpme / state.es6

Last active January 18, 2016 21:56

Click Handlers in React

	class Hello extends React.Component {

	constructor() {
	this.handleIncrement = this.handleIncrement.bind(this)

	this.state = {
	currentIndex: 0
	}
	}

peterpme / envvars.zsh

Created November 12, 2015 02:09

Dumping Environment Variables to Heroku from a .env (dotenv) file

peterpme / herokuupgrade.zsh

Created October 25, 2015 21:02

Upgrade your old school Heroku apps that aren't on the new Cedar 14 stack

	#!/usr/bin/zsh -e

	sites=('your' 'array' 'of' 'sites')

	for i in $sites; do
	echo "$i\n------"
	cd $i
	heroku stack:set cedar-14
	git commit --allow-empty -m "Upgrading to Cedar-14"
	git push origin master

peterpme / .eslintrc

Created October 14, 2015 15:24

peterpme / css-modules-react.js

Last active September 15, 2016 09:04

	import React from 'react'

	@import './components/dropdown.scss'

	const _OPTIONS = [
	{name: 'one'}
	{name: 'two'}
	]

	class Dropdown extends React.Component {

peterpme / RadioBtnGroup.jsx

Created September 21, 2015 19:31

Radio Button Group in React

	const RadioBtnGroup = React.createClass({
	getDefaultProps() {
	return {
	options: []
	}
	}

	handleValueChange(evt) {
	this.setState({
	value: evt.currentTarget.value

peterpme / appcomponents.jsx

Last active September 17, 2015 19:02

Controlling State of current component

	const AppComponent = React.createClass({
	getInitialState() {
	return {
	currentIndex: 0
	}
	},

	handleSave(data, method) {
	if (method === 'POST') {
	PostAction.save(data)

peterpme / message-view.js

Created September 11, 2015 21:20

message-view alt weirdness

	export default class MessageView extends React.Component {
	constructor(props) {
	super(props)

	let ds = new ListView.DataSource({
	rowHasChanged: (row1, row2) => row1 !== row2
	})

	this.state = {
	dataSource: ds.cloneWithRows([]),

peterpme / message-view.js

Last active September 9, 2015 17:32

Success / Error States in Alt

	export default class MessageView extends React.Component {
	constructor(props) {
	super(props)

	this.state = { messages: MessageStore.getMessages() }
	}

	componentWillMount() {
	MessageStore.listen(this.onChange.bind(this))
	}

peterpme / InitializeJavaScriptAppEngine.js

Last active August 28, 2015 00:47

Expose your React Native network requests in Chrome

	103 function setUpXHR() {
	104 // The native XMLHttpRequest in Chrome dev tools is CORS aware and won't
	105 // let you fetch anything from the internet
	106 GLOBAL.XMLHttpRequest = require('XMLHttpRequest'); // COMMENT OUT
	107 GLOBAL.FormData = require('FormData'); // COMMENT OUT
	108
	109 var fetchPolyfill = require('fetch'); // COMMENT OUT
	110 GLOBAL.fetch = fetchPolyfill.fetch; // COMMENT OUT
	111 GLOBAL.Headers = fetchPolyfill.Headers; // COMMENT OUT
	112 GLOBAL.Request = fetchPolyfill.Request; // COMMENT OUT