Michel Albers michelalbers
michelalbers
/ react-photoswipe.d.ts
Created
November 22, 2018 14:25
react-photoswipe TypeScript typings
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| declare module 'react-photoswipe' { | |
| import * as React from 'react'; | |
| export interface PhotoSwipeGalleryItem { | |
| src: string; | |
| thumbnail: string; | |
| w: number; | |
| h: number; | |
| title: string; | |
| } |
michelalbers
/ foo.component.tsx
Created
September 21, 2018 13:34
Example Stateless Component with TypeScript
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| interface FooProps { | |
| someProp: string; | |
| someOtherProp: boolean; | |
| } | |
| const FooComponent: React.SFC<FooProps> = (props) => ( | |
| <div>Hello!</div> | |
| ); |
michelalbers
/ ExampleComponent.tsx
Created
September 9, 2018 19:21
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| class Example extends React.PureComponent<any, any> { | |
| render() { | |
| return ( | |
| <Query | |
| query={getUsers} | |
| > | |
| {({ data, loading, error }) => { | |
| // Do something with the user data | |
| }} | |
| </Query> |
michelalbers
/ MyComponent.test.ts
Created
September 9, 2018 19:15
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
/ tsconfig.jest.json
Created
September 9, 2018 19:02
Testing a GraphQL Next.js App with TypeScript and Apollo
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "compilerOptions": { | |
| "module": "commonjs", | |
| "target": "esnext", | |
| "jsx": "react", | |
| "sourceMap": false, | |
| "experimentalDecorators": true, | |
| "noImplicitUseStrict": true, | |
| "removeComments": false, | |
| "moduleResolution": "node", |
michelalbers
/ jest.setup.js
Created
September 9, 2018 18:59
Jest Setup file for testing a GraphQL Next.js App with TypeScript and Apollo
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
/ jest.config.js
Last active
September 9, 2018 18:53
Testing a GraphQL Next.js App with TypeScript and Apollo
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
/ divide-spaced-values.css
Last active
February 25, 2016 12:36
Divide spaced values in sass
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .foo { | |
| padding: 1px 1.5px; | |
| } |
michelalbers
/ .vimrc
Created
October 28, 2015 14:02
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| " Pathogen | |
| execute pathogen#infect() | |
| " Basics | |
| syntax on | |
| filetype plugin indent on | |
| set number | |
| let mapleader = "," | |
| set guifont=Menlo\ Regular:h13 |
michelalbers
/ lib.menu.language.ts
Created
January 21, 2015 19:14
Language Switcher in TYPO3 with tx_news support
NewerOlder