Aaron Conlon AaronConlon

React context vs Redux in 2020

The [React docs][condoc] give some example use cases for context:

Context is designed to share data that can be considered “global” for a tree of React components, such as the current authenticated user, theme, or preferred language.

The common property of these use cases is that data like the current theme doesn't change often and needs to be shared deep down the component tree, which would be cumbersome with "[prop drilling][drill]". Something else that needs to be shared everywhere is the application state when using a "single source of truth" pattern, so it would follow that the context API would help with that as well, but there's a catch: components that use context will rerender every time that the provided value changes, so sharing the whole application state through context would cause excessive render lifecycles.

Sometimes, when rebasing interactively with git, we need to squash a sequence of commits in a branch.

For example, we need to transform this:

pick 0253dc894f bumped
pick 5a1e86933c remove dependency
pick bffoffb395 memberships rpc resource
pick 222fabf5e0 rpc membership service
pick 726a2f9a10 remove crypto logic

Inspired by dannyfritz/commit-message-emoji

Python Socket 编程详细介绍

Python 提供了两个基本的 socket 模块：

Socket 它提供了标准的BSD Socket API。
SocketServer 它提供了服务器重心，可以简化网络服务器的开发。

下面讲解下 Socket模块功能。

	import {forwardRef, useImperativeHandle, ForwardRefExoticComponent, RefAttributes, Ref} from "react";

	export type Handle<T> = T extends ForwardRefExoticComponent<RefAttributes<infer T2>> ? T2 : never;

	export const Parent = (props: {})=> {
	let childHandle: Handle<typeof Child>;
	return (
	<div onClick={()=>childHandle.SayHi()}>
	<Child name="Bob" ref={c=>childHandle = c}/>
	</div>

	import HighlightJS from 'highlight.js'

	createHighlightedCodeBlock (content, language) {
	let lineNumber = 0
	const highlightedContent = HighlightJS.highlightAuto(content, [language]).value

	/* Highlight.js wraps comment blocks inside <span class="hljs-comment"></span>.
	However, when the multi-line comment block is broken down into diffirent
	table rows, only the first row, which is appended by the <span> tag, is
	highlighted. The following code fixes it by appending <span> to each line

	# It might work in 4, but I'm not testing there. Lower you'll have to tweak code
	#requires -Version 5.0
	param(
	# Your Live ID for MSDN login
	[Parameter(Mandatory)]
	[PSCredential]
	[System.Management.Automation.CredentialAttribute()]
	$Credential,

	# Pick a browser to use. Defaults to Firefox (which doesn't seem to require an external Driver file)

	/**
	电信

	中国电信手机号码开头数字
	2G/3G号段（CDMA2000网络）133、153、180、181、189
	4G号段 177

	联通

	中国联通手机号码开头数字

Commit type	Emoji
Initial commit	🎉 `:tada:`
Version tag	🔖 `:bookmark:`
New feature	✨ `:sparkles:`
Bugfix	🐛 `:bug:`

	require "nokogiri"
	require "open-uri"
	url = "https://github.com/#{params['username']}"
	document = Nokogiri::HTML(open(url))
	contrib_boxes = document.css('svg.js-calendar-graph-svg')[0]
	contrib_boxes['xmlns']="http://www.w3.org/2000/svg"
	width = (params['width']\|\|54*13-2).to_i
	height = (params['height']\|\|89).to_i
	contrib_boxes.css('text').remove
	contrib_boxes['width']=(width+11).to_s+'px'

	// See http://www.bluejava.com/4NS/Speed-up-your-Websites-with-a-Faster-setTimeout-using-soon
	// This is a very fast "asynchronous" flow control - i.e. it yields the thread and executes later,
	// but not much later. It is far faster and lighter than using setTimeout(fn,0) for yielding threads.
	// Its also faster than other setImmediate shims, as it uses Mutation Observer and "mainlines" successive
	// calls internally.
	// WARNING: This does not yield to the browser UI loop, so by using this repeatedly
	// you can starve the UI and be unresponsive to the user.
	// Note: For an even faster version, see https://gist.github.com/bluejava/b3eb39911da03a740727
	var soon = (function() {

Aaron Conlon AaronConlon

React context vs Redux in 2020

Python Socket 编程详细介绍

Socket 类型