Skip to content

Instantly share code, notes, and snippets.

View PeterKow's full-sized avatar
👨‍💻

Peter Kowalczyk PeterKow

👨‍💻
View GitHub Profile
/// YOUR CODE
const data = {
"id": 168409,
"gid": "gid://quiqup/CourierShift/168409",
"start_time": "2016-08-31T18:15:00.000+01:00",
"end_time": "2017-08-31T18:15:00.000+01:00",
"checked_in_at": null,
"accepted_at": null,
"push_sent_at": null,
"wiw_site": {
yarn add typescript typings ts-loade tslint tslint-react -D
Typings
yarn add @types/enzyme @types/jest @types/react @types/react-native -D
Some helpers:
yarn add concurrently cpx rimraf -D
"@types/storybook__addon-actions": "^3.0.1",
@PeterKow
PeterKow / rn-cli.config.js
Created May 22, 2018 20:10
react-native-typescript-transformer configuration
module.exports = {
getTransformModulePath() {
return require.resolve('react-native-typescript-transformer');
},
getSourceExts() {
return ['ts', 'tsx'];
}
}
@PeterKow
PeterKow / tsconfig.json
Created May 22, 2018 20:19
Basic TS-config with Jest
{
"compilerOptions": {
"skipLibCheck": true, // fix for duplicate identifier
"lib": [
"es2015",
"es2017",
"dom",
"esnext.asynciterable"
],
"target": "es2015",
watchman watch-del-all
npm start -- --reset-cache
@PeterKow
PeterKow / gist:e364c71ae52ed9bfbf5636a9582f64f4
Created July 28, 2018 10:45
TypeScript with React Native
yarn add --dev typescript
yarn add --dev react-native-typescript-transformer
yarn tsc --init --pretty --jsx react
touch rn-cli.config.js
yarn add --dev @types/react @types/react-native
@PeterKow
PeterKow / tslint.json
Created July 28, 2018 11:07
Tslint for React Native
{
"extends": ["tslint:recommended", "tslint-config-prettier", "tslint-react"],
"defaultSeverity": "error",
"jsRules": {},
"rules": {
"quotemark": [true, "single", "jsx-double"],
"ordered-imports": false,
"object-literal-sort-keys": false,
"arrow-parens": false,
"no-console": [false],
@PeterKow
PeterKow / jest-config-package.json
Created July 28, 2018 11:13
Jest configuration with TypeScript and React Native
"jest": {
"preset": "react-native",
"moduleFileExtensions": [
"ts",
"tsx",
"js"
],
"transform": {
"^.+\\.(js)$": "<rootDir>/node_modules/babel-jest",
"\\.(ts|tsx)$": "<rootDir>/node_modules/ts-jest/preprocessor.js"
@PeterKow
PeterKow / React test component .spec.tsx
Created July 29, 2018 12:40
Simple test for React component
import React from 'react'
import App from './App'
import renderer from 'react-test-renderer'
describe('App', () => {
it('should render', () => {
const tree = renderer.create(<App/>).toJSON()
expect(tree).toMatchSnapshot()
})
})
@PeterKow
PeterKow / Husky + Prettier - package.json
Created July 29, 2018 12:45
Precommit Script for Husky + Prettier - package.json
{ "scripts": { "precommit": "pretty-quick --staged" } }