michelalbers

declare module 'react-photoswipe' {
  import * as React from 'react';
  export interface PhotoSwipeGalleryItem {
    src: string;
    thumbnail: string;
    w: number;
    h: number;
    title: string;
  }

michelalbers

interface FooProps {
  someProp: string;
  someOtherProp: boolean;
}

const FooComponent: React.SFC<FooProps> = (props) => (
  <div>Hello!</div>
);

michelalbers

class Example extends React.PureComponent<any, any> {
  render() {
    return (
      <Query
        query={getUsers}
      >
        {({ data, loading, error }) => {
          // Do something with the user data
        }}
      </Query>

michelalbers

import * as React from 'react';
import * as renderer from 'react-test-renderer';
import MyComponent from '../MyComponent';

describe('<MyComponent />', () => {
  it('should render without props', () => {
    const json = renderer.create(<MyComponent />).toJSON();
    expect(json).toMatchSnapshot();
  });
});

michelalbers

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "esnext",
    "jsx": "react",
    "sourceMap": false,
    "experimentalDecorators": true,
    "noImplicitUseStrict": true,
    "removeComments": false,
    "moduleResolution": "node",

michelalbers

const enzyme = require('enzyme');
const Adapter = require('enzyme-adapter-react-16');
const config = require('./next.config');
const nextConfig = require('next/config');

enzyme.configure({ adapter: new Adapter() });
nextConfig.setConfig({
  publicRuntimeConfig: {
    IMAGE_SERVER_URL: 'http://images.foo.bar',
    IMAGE_PROCESSOR_URL: 'https://processor.foo.bar',

michelalbers

module.exports = {
  setupFiles: ['<rootDir>/jest.setup.js'],
  testPathIgnorePatterns: ['<rootDir>/.next/', '<rootDir>/node_modules/'],
  transform: {
    "^.+\\.tsx?$": "ts-jest",
  },
  testRegex: "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
  collectCoverageFrom: [
    "**/*.{js,jsx,ts,tsx}",
    "!**/_app.tsx",

michelalbers

.foo {
  padding: 1px 1.5px;
}

michelalbers

" Pathogen
execute pathogen#infect()

" Basics
syntax on
filetype plugin indent on
set number
let mapleader = ","
set guifont=Menlo\ Regular:h13

michelalbers

lib.menuLanguage = COA
lib.menuLanguage {
  10 = HMENU
  10 {
    special = language
    special.value = 1,2
    stdWrap.wrap = <ul class="language-select">|</ul>
    1 = TMENU
    1 {
      # Normal link to language that exists: