Skip to content

Instantly share code, notes, and snippets.

View twolfe2's full-sized avatar

Thomas Wolfe twolfe2

14 followers · 1 following
View GitHub Profile
@twolfe2
twolfe2 / mainComponent.js
Created November 13, 2016 20:21
import React from 'react';
import CompenentWeNeedToPassPropsTo from './CompenentWeNeedToPassPropsTo';
import giveMeYourProps from './giveMeYourProps';
export default class MainComponent extends React.Component {
// ...
render() {
return giveMeYourProps(CompenentWeNeedToPassPropsTo, {awesomeName: 'Buz'});
}
@twolfe2
twolfe2 / giveMeYourProps.js
Last active November 13, 2016 20:22
import React from 'react';
export default function giveMeYourProps(ComponentToPassPropsTo, propsToPass) {
return class PropsPasser extends React.Component {
render() {
return <ComponentToPassPropsTo {...propsToPass} />;
}
};
}
@twolfe2
twolfe2 / runOfTheMillPropsPassing.js
Created November 13, 2016 19:59
import React from 'react';
import MyAwesomeComponent from './MyAwesomeComponent'
export default class PassTheProps extends React.Component {
// ...
render() {
return (
<MyAwesomeComponent awesomeName="Buz" />
);
}
@twolfe2
twolfe2 / jQueryAjax.js
Last active June 3, 2016 16:43
//when the button on the page is clicked the ajax request will be made
$('button').click(function(event){
event.preventDefault(); //prevents browsers default behavior
//make the ajax request
$.ajax({
url: https:'//api.github.com/users/twolfe2', //url could be first parameter to $.ajax instead
data: {
format: 'json'//tells github we want our data in json format
},
error: function (){
@twolfe2
twolfe2 / HTTPRequestExample.html
Last active May 24, 2016 01:30
<!DOCTYPE html>
<html>
<head>
<script>
//step 1
var request = new XMLHttpRequest();
//step 2, create the callback funciton
request.onreadystatechange = function() {