Skip to content

Instantly share code, notes, and snippets.

View pkellner's full-sized avatar
🏠
Working from home

Peter Kellner pkellner

🏠
Working from home
832 followers · 117 following
View GitHub Profile
@pkellner
pkellner / Refactoring Code That Manipulates Classes Right Now!
Created December 23, 2018 22:19
...
render() {
return (
<div
className={`${this.props.className
? this.props.className
: ''} session-status-dropdown`}
ref={dropdownContainer => {
this.dropdownContainer = dropdownContainer;
@pkellner
pkellner / speakers.tsx
Created December 21, 2018 21:42
import React, {FunctionComponent} from 'react';
import axios, {AxiosResponse} from 'axios';
import useAxiosFetch
from '../src/components/codecamp/common/hooks/useAxiosFetch';
import getConfig from 'next/config';
import App from "../src/App";
import {Speaker} from "../src/components/codecamp/common/CodeCampInterfaces";
@pkellner
pkellner / speakers.tsx
Created December 21, 2018 21:42
import React, {FunctionComponent} from 'react';
import axios, {AxiosResponse} from 'axios';
import useAxiosFetch
from '../src/components/codecamp/common/hooks/useAxiosFetch';
import getConfig from 'next/config';
import App from "../src/App";
import {Speaker} from "../src/components/codecamp/common/CodeCampInterfaces";
@pkellner
pkellner / speakers.tsx
Created December 21, 2018 21:30
Need typescript Props interface for getInitialProps
import React, {FunctionComponent} from 'react';
import axios, {AxiosResponse} from 'axios';
import useAxiosFetch
from '../src/components/codecamp/common/hooks/useAxiosFetch';
import getConfig from 'next/config';
import App from "../src/App";
import {Speaker} from "../src/components/codecamp/common/CodeCampInterfaces";
@pkellner
pkellner / ErrorSegment.tsx
Created December 21, 2018 18:25
Be nice to get some hint of what type children should be in typescript
import React, {FunctionComponent} from 'react';
interface Props {
errorMessage: string,
children: JSX.Element
}
const ErrorSegment: FunctionComponent<Props> =
({errorMessage,children}) => {
return (
@pkellner
pkellner / next.config.js
Created November 11, 2018 21:43
Sample next.config.js for Next.js that includes environment variables, and other plugins (CSS and Image)
const withCSS = require("@zeit/next-css");
require('dotenv').config()
const path = require('path')
const Dotenv = require('dotenv-webpack')
const withImages = require('next-images')
module.exports = withCSS(withImages({
inlineImageLimit: 16384,
webpack(config, options) {
@pkellner
pkellner / NextJS LinkExample Passing Object
Created November 3, 2018 15:42
<Link
href={{
pathname: "/session", query:
{
sessionSlug: 'cracking-the-product-manager-interview',
sessionId: '7368',
sessionData: {
id: 7368,
junk: 'abcd',
sessionSlug: 'cracking-the-product-manager-interview'}
@pkellner
pkellner / index.js
Created October 30, 2018 18:14
This is a revised version of the data-fetch example index.js file from https://github.com/zeit/next.js/blob/canary/examples/data-fetch/pages/index.js
import React from 'react'
import Link from 'next/link'
import axios from 'axios'
export default class Index extends React.Component {
constructor(props) {
super(props);
console.log("Index:constructor called");
this.state = {
@pkellner
pkellner / server.js
Created October 2, 2018 16:46
When using next-router with nextjs and you set useFileSystemPublicRoutes: false, you need a server.js like this to find your home route. See https://spectrum.chat/?t=eeaebd2e-e337-401c-9e29-d7558202e76b
const { createServer } = require("http");
const next = require("next");
const routes = require("./routes");
const { parse } = require("url");
const port = parseInt(process.env.PORT, 10) || 3000;
const dev = process.env.NODE_ENV !== "production";
const app = next({ dev });
const handler = routes.getRequestHandler(app);
@pkellner
pkellner / Speakers.js
Created July 26, 2018 02:09
Componet/Speakers.js
import React, {Component} from 'react';
import SpeakersHeader from './SpeakersHeader';
import SpeakerList from './SpeakerList';
import axios from "axios";
class Speakers extends Component {
constructor(props) {
super(props);
this.state = {