dmitriyzyuzin

Add line "browserslist": ["since 2017-06"] to your package.json file. Babel won't add polyfills for async/await, es6. So you don't need to install and add reneneratorRuntime (or babel-polyfill) to your bundle!

dmitriyzyuzin

How to run puppeteer tests with your local Chrome browser

1. Find browser's executable path:
   Go to chrome://version/ (inside Chrome browser) and find "Executable Path" variable ("/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" in my case)
2. Modify your script:

const browser = await puppeteer.launch({
    executablePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
    args: ['--disable-blink-features=AutomationControlled'],
 headless: false,

dmitriyzyuzin

async function getJSON(response) {
  if (response.status === 204) return '';
  return response.json();
}

dmitriyzyuzin

const express = require('express')
const cors = require('cors')
const bodyParser = require("body-parser")
const app = express()

const PORT = process.env.port || 4000

// to parse req.body for POST-requests
app.use(bodyParser.urlencoded({extended: true}));
app.use(bodyParser.json());

dmitriyzyuzin

async function walk(dir) {
    let files = await fs.readdir(dir)
    files = await Promise.all(files.map(async file => {
        const filePath = path.join(dir, file)
        const stats = await fs.stat(filePath)
        if (stats.isDirectory()) {
            return walk(filePath);
        }
        else if (stats.isFile()) {
            return filePath;

dmitriyzyuzin

Quick servers

Python

user@user-pc:~$ python3 -m http.server 8000
user@user-pc:~$ python -m SimpleHTTPServer 8000

dmitriyzyuzin

{
    "workbench.startupEditor": "none",
    "workbench.statusBar.feedback.visible": false,
    "window.menuBarVisibility": "toggle",
    "workbench.statusBar.visible": false,
    "workbench.activityBar.visible": false,
    "editor.fontFamily": "JetBrains Mono, Menlo, Monaco, 'Courier New', monospace",
    "editor.fontSize": 14,
    "editor.fontLigatures": true,
    "editor.lineHeight": 24,

dmitriyzyuzin

const withImages = require("next-images");
const nextConfig = {...}
module.exports = (phase) => {
    if (phase === PHASE_DEVELOPMENT_SERVER || phase === PHASE_PRODUCTION_BUILD) {
        const withCSS = require("@zeit/next-css");
        return withCss(withImages(nextConfig)))));
    }
    return withImages(nextConfig);
};

dmitriyzyuzin

1. Run single test

node <path-to-jest> -i <you-test-file> -c <jest-config> -t "<test-block-name>"

dmitriyzyuzin

Change Iphone submit button text from "Go" to "Search"

You need create form and at least one input element. Required:

1. input with type="search"
2. define attribute "action" at form

<form action="">
	<input type="search" name="q" aria-label="Search" />