natterstefan

#!/bin/bash

# create backup folders (if they do not exist yet)
mkdir -p ~/backups
mkdir -p ~/backups/unifi
mkdir -p ~/backups/pihole

# backup pi-hole
(cd ~/backups/pihole && pihole -a teleporter)

natterstefan

Infer Types from PropTypes

Result

Limitations

natterstefan

Storybook | Tailwind in Next.js App with Webpack@5

Installation

# install storybook dependencies
yarn add @storybook/addon-actions @storybook/addon-essentials @storybook/react -D
yarn add @storybook/addon-postcss@latest -D

# install webpack5 dependency

natterstefan

react-i18next and TS2589: Type instantiation is excessively deep and possibly infinite.

The patch works both with tsc and next build, as described in the comments of the patch.

Inspired by

• i18next/react-i18next#1417 (comment)

natterstefan

/**
 * inspired by
 * @see https://codesandbox.io/s/use-previous-hook-persistent-with-matcher-hujqez?file=/src/hooks.tsx:0-1069
 * @see https://www.developerway.com/posts/implementing-advanced-use-previous-hook
 * @see https://usehooks.com/usePrevious/
 */
import { useRef, useEffect } from 'react'

export const usePrevious = <TValue>(value: TValue) => {
  const ref = useRef<TValue>()

natterstefan

Plesk and nginx Caching

Links

• How to enable leverage browser caching for nginx? – Plesk Help Center
• How to enable/disable gzip compression in nginx on a Plesk server – Plesk Help Center
• When Nginx caching is enabled with Plesk's default settings, all pages with a cookie is not be cached – Plesk Help Center

natterstefan

Editor.js - Custom Inline Tool "Link"

This is our custom implementation of the Inline Tool "Link" with a target and title attribute.

--> used and tested with @editorjs/editorjs@2.17.0

Related Issues

natterstefan

{
  "extends": "airbnb",
  "parser": "babel-eslint",
  "env": {
    "browser": false,
    "node": true,
    "es6": true,
    "mocha": false
  },
  "parserOptions": {

natterstefan

Track Facebook Instant Articles with Google Analytics

The *.html example assumes you have integrated the tracking code as an iframe in the instant articles feed.

<figure class="op-tracker">
    <iframe src="https://www.example.com/fia-google-analytics-tracking.html"></iframe>
</figure>

natterstefan

Visual Studio Code Setting | Semantic Token Color Customisation

Example

Related Tweets