Chris D'Ascoli cdaz5

Staff Software Engineer @ fountain

cdaz5 / gist:2801202ebcc0e19eb391995de962d887

Created May 31, 2019 15:39

Form w/ Hooks

	import React, { useState } from 'react';
	import logo from './logo.svg';
	import './App.css';

	function App() {
	const notNull = (v) => v ? undefined : 'can\'t be null';
	const isChris = (v) => v ? undefined : 'can\'t be chris';
	const formInputs = [
	{
	name: 'firstName',

cdaz5 / gist:c11d416f7052c0df6f6eac3096568a43

Created April 8, 2019 21:05

	Step 1:
	import React, { lazy, Suspense } from 'react';

	Step 2:
	// change this:
	import BusinessList from 'screens/businesses/list';

	// to this:
	const BusinessList = lazy(() => import('screens/businesses/list'));

cdaz5 / gist:136a59e6dda9aca301bcc9ff60ffe269

Created February 19, 2019 13:07

	import React from 'react';
	import debounce from 'lodash/debounce';
	import { InfinitePanel } from '../shared';

	const withInfiniteScroll = WrappedComponent => class InfiniteScroll extends WrappedComponent {
	constructor(props) {
	super(props);
	this.infiniteRef = React.createRef();
	this.debouncedHandleInfiniteScroll = debounce(this.handleInfiniteScroll, 150);
	}

cdaz5 / gist:ad87350e83d19c67e2427aae7e83b31f

Last active January 7, 2020 20:23

	import React from 'react';
	import ReactDOM from 'react-dom';
	import { Router } from 'react-router-dom';
	import { Provider } from 'react-redux';

	import history from './config/history';
	import httpService from './services/httpService';

	import configureStore from './state/store';
	import App from './App';

cdaz5 / gist:b9dd9914063f090e527fbb7708fcb097

Last active February 12, 2019 22:42

httpInterceptors

	import axios from 'axios';
	import { authOperations } from 'where you keep your actions/operations';
	// whats a tutorial without an obscure authService :)
	import authService from './authService';


	const httpService = {
	// we pass the redux store and history in order to dispatch the logout actions
	// and push the user to login

cdaz5 / gist:7abc91f9a1d37161b1398894ace08521

Created August 26, 2018 13:00

	app.controller('MainController', ['$scope', 'places', function($scope, places){
	$scope.mapCenter = { lat: 40.741934, lng: -74.004897, zoom: 17 }
	console.log('init')
	places.success(function(data){
	console.log('data', data)
	$scope.geodata = data;
	$scope.mapMarkers = geodataToMarkers($scope.geodata);
	});
	}]);

cdaz5 / gist:d29eebbd3c095b7e12f4c0aede57104c

Created August 26, 2018 12:35



	<head>
	<link href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css" rel="stylesheet">
	<link href="css/main.css" rel="stylesheet" />
	<link href="css/leaflet.css" rel="stylesheet" />

	<script src='js/vendor/angular.min.js'></script>
	<script src='js/vendor/leaflet.js'></script>

cdaz5 / gist:dbc977fd7e0600caca1ba1eba7fbd60d

Created August 12, 2018 13:46

`Hello, my name is ${this.name}` <---- this ... rather than this ---> 'Hello, my name is ${this.name}'

cdaz5 / gist:9dbb4a6639f53d26c60d5fb0644ac1fb

Created July 21, 2018 14:03

	const imAnObj = {
	thisIsAKeyThatPointsToAnotherObj: {
	anotherObj: 'This is cray'
	}
	}

cdaz5 / gist:4c8f59366014bdc00e88def77ce5a5fc

Created June 2, 2018 13:03

	<div class="main" ng-controller="MainController">
	<program-listing listing="program"></program-listing>
	</div>