Steps to configure prettier, eslint, husky (pre commit hook), lint-staged in react + typescript project created using create-react-app. This is opinionated configuration with airbnb's style guide as the base style guide.
npm install --save-dev --save-exact prettier
This post was adapted from an earlier Twitter thread.
It's incredible how many collective developer hours have been wasted on pushing through the turd that is ES Modules (often mistakenly called "ES6 Modules"). Causing a big ecosystem divide and massive tooling support issues, for... well, no reason, really. There are no actual advantages to it. At all.
It looks shiny and new and some libraries use it in their documentation without any explanation, so people assume that it's the new thing that must be used. And then I end up having to explain to them why, unlike CommonJS, it doesn't actually work everywhere yet, and may never do so. For example, you can't import ESM modules from a CommonJS file! (Update: I've released a module that works around this issue.)
And then there's Rollup, which apparently requires ESM to be u
Source : https://stackoverflow.com/a/47177899
console.image = function(url, size = 100) {
const image = new Image();
image.src = url;
image.onload = function() {
var style = [
| # test directories | |
| __tests__ | |
| ^(?!@serverless/enterprise-plugin/).*test.*$ # fix for serverless-enterprise | |
| tests | |
| powered-test | |
| *.test.js | |
| *.tap.js | |
| *.test.ts | |
| *tests.html |
| /* | |
| Copy this into the console of any web page that is interactive and doesn't | |
| do hard reloads. You will hear your DOM changes as different pitches of | |
| audio. | |
| I have found this interesting for debugging, but also fun to hear web pages | |
| render like UIs do in movies. | |
| */ | |
| const audioCtx = new (window.AudioContext || window.webkitAudioContext)() |
| const AWS = require('aws-sdk'); | |
| //In the test file | |
| const mockDynamodbGetItem = jest.fn(); | |
| const mockS3GetObject = jest.fn(); | |
| //mock aws sdk | |
| jest.mock('aws-sdk', () => { | |
| return { |
| [ | |
| 'Adana', 'Adıyaman', 'Afyon', 'Ağrı', 'Amasya', | |
| 'Ankara', 'Antalya', 'Artvin', 'Aydın', 'Balıkesir', | |
| 'Bilecik', 'Bingöl', 'Bitlis', 'Bolu', 'Burdur', | |
| 'Bursa', 'Çanakkale', 'Çankırı', 'Çorum', 'Denizli', | |
| 'Diyarbakır', 'Edirne', 'Elazığ', 'Erzincan', 'Erzurum', | |
| 'Eskişehir', 'Gaziantep', 'Giresun', 'Gümüşhane', 'Hakkari', | |
| 'Hatay', 'Isparta', 'İçel (Mersin)', 'İstanbul', 'İzmir', | |
| 'Kars', 'Kastamonu', 'Kayseri', 'Kırklareli', 'Kırşehir', | |
| 'Kocaeli', 'Konya', 'Kütahya', 'Malatya', 'Manisa', |
| -- original source: https://medium.com/adhawk-engineering/using-postgresql-to-generate-slugs-5ec9dd759e88 | |
| -- https://www.postgresql.org/docs/9.6/unaccent.html | |
| CREATE EXTENSION IF NOT EXISTS unaccent; | |
| -- create the function in the public schema | |
| CREATE OR REPLACE FUNCTION public.slugify( | |
| v TEXT | |
| ) RETURNS TEXT | |
| LANGUAGE plpgsql |
