image72 image72

Reddit post 2020/04/04 - React: Choosing a Frontend Framework/Library

The right question is: is there added value in reinventing the wheel? (button, form controls, badge, card, spinner, modal...). The existing wheels will probably ride better than yours.

I would go with vanilla Bootstrap (just the Sass part, not the JS part).

Bootstrap

Bootstrap CSS utilities are very nice: same principles as Tailwind CSS.

macOS System Preference Pane Links

Some might be outdated.
Taken from (404 as of today): https://macosxautomation.com/system-prefs-links.html

Example

$ open "x-apple.systempreferences:com.apple.preference.security?General"

Docker Hub 镜像加速器

国内从 Docker Hub 拉取镜像有时会遇到困难，此时可以配置镜像加速器。

Dockerized 实践 https://github.com/y0ngb1n/dockerized

1️⃣ Docker daemon 配置代理（推荐）

参考 Docker daemon 配置代理

So there were a few threads going around recently about a challenge to write the longest sequence of keywords in Javascript:

There are, however, a few problems:

These solutions use non-keyword tokens (null, true, false are actually Literals, not Keywords)
One of the solutions isn't quite valid (new super)

	## Trafik Multi Network Deployment

	1. Create Traefik network

	` # docker network create --driver=bridge --attachable --internal=false traefik `

	2. Edit `traefik2/docker-compose.yml`
	- Change ACME email
	- Change --providers.docker.network=traefik value if you created different network then `traefik`

	const http = require("http");
	const { parse } = require("basic-auth");
	const { PROXY_USERNAME, PROXY_PASSWORD } = process.env;
	const PROXY_PORT = process.env.PROXY_PORT \|\| 8000;

	const check = (credentials) => {
	return (
	credentials &&
	credentials.username === PROXY_USERNAME &&
	credentials.pass === PROXY_PASSWORD

	/**
	* Source: https://gist.github.com/Ephys/79974c286e92665dcaae9c8f5344afaf
	*/

	import { useState, useEffect, useCallback, useRef } from 'react';

	const eventTargets = new WeakMap();

	function getEventTarget(storage: Storage) {
	if (eventTargets.has(storage)) {

	import React from "react";
	import Counter from "./Counter";

	const App = () => {
	return (
	<div className="App">
	<Counter initialCount={100} />
	</div>
	);
	};

	#!/usr/bin/env node

	const PPT = require('puppeteer');
	const PDD = require('puppeteer/DeviceDescriptors');
	const PuppeteerHar = require('puppeteer-har');

	(async () => {
	const ua = await PPT.launch({
	headless: true,
	args: ['--no-sandbox', '--disable-gpu'],

	server {
	listen 80;

	# maps p8080.example.com -> localhost:8080
	server_name ~^p(?<port>[^.]+)\.example\.com$;

	location / {
	proxy_pass http://localhost:$port;
	proxy_set_header Host $host;
	proxy_set_header X-Real-IP $remote_addr;