Skip to content

Instantly share code, notes, and snippets.

{
"compilerOptions": {
"declaration": true,
"declarationDir": "build",
"module": "esnext",
"target": "es5",
"lib": ["es6", "dom", "es2016", "es2017"],
"sourceMap": true,
"jsx": "react",
"moduleResolution": "node",
@dennisschneider
dennisschneider / jest.config.js
Created May 29, 2020 12:40
Configuration for Jest w. Typescript + React
module.exports = {
roots: ["<rootDir>/src"],
transform: {
"^.+\\.tsx?$": "ts-jest",
},
preset: "ts-jest",
testRegex: "(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$",
moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"],
};
@dennisschneider
dennisschneider / .eslintrc
Created May 29, 2020 09:55
ESlint config w. TypeScript, React + Prettier
{
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaVersion": 2020,
"sourceType": "module",
"ecmaFeatures": {
"jsx": true
}
},
"settings": {
import commonjs from "@rollup/plugin-commonjs";
import resolve from "@rollup/plugin-node-resolve";
import peerDepsExternal from "rollup-plugin-peer-deps-external";
import typescript from "rollup-plugin-typescript2";
import packageJson from "./package.json";
export default {
input: "./src/index.ts",
output: [
@dennisschneider
dennisschneider / styled-material-ui-example-1.js
Created December 11, 2018 09:09
styled-material-ui example-1
import React from "react";
import styled from "styled-components";
import { TextField } from "@thepeaklab/styled-material-ui";
const StyledTextField = styled(TextField)`
& .input {
background-color: #eeeeee;
}
`;
@dennisschneider
dennisschneider / gist:0061586350a29535e3e1f1a442ecfddb
Created July 2, 2018 14:44
Configure app based on environment variable
const dev = {
API_ENDPOINT: ""
};
const prod = {
API_ENDPOINT: ""
};
const config = process.env.REACT_APP_STAGE === "production" ? prod : dev;
@dennisschneider
dennisschneider / create-react-app with docker multi-stage setup
Last active August 16, 2018 14:11
Dockerfile to deploy a create-react-app project to production
### STAGE 1: Build ###
FROM node:9.11.1 as build
RUN mkdir /usr/src/app
WORKDIR /usr/src/app
ENV PATH /usr/src/app/node_modules/.bin:$PATH
COPY package.json /usr/src/app/package.json
RUN npm install --silent
RUN npm install react-scripts -g --silent
COPY . /usr/src/app
RUN npm run build
@dennisschneider
dennisschneider / hello-world
Created March 12, 2018 10:40
small snippet for testing purposes on medium.com
export default {
name: 'Hello World',
data() {
return {
msg: 'Hello World',
};
},
};
@dennisschneider
dennisschneider / .sh
Created July 24, 2015 18:35
Recursively convert mkv to mp4 with avconv
# Enable recursive globbing in Bash:
shopt -s globstar
# Then, a simple loop, replacing the output filename:
for f in **/*.mkv; do avconv -i "$f" -c copy "${f%.mkv}.mp4"; done
@dennisschneider
dennisschneider / gist:5907959
Created July 2, 2013 09:33
VirtualBox migration workaround: v4.2.14 ( "Progress object failure: NS_ERROR_CALL_FAILED") just replace "BaseBoxName" with your box, tested with precise32 + precise64
cd ~/.vagrant.d/boxes/BaseBoxName/virtualbox
openssl sha1 *.vmdk *.ovf > box.mf