shikelong shikelong

A glossary of TypeScript

Motivation

Once upon a time, there was a developer that had an issue using the TypeScript language. He wanted to share his issue with the community to get help, but he didn't know how to properly write the title that would best describe his problem. He struggled to find the appropriate words as he didn't know how to name "this behavior" or "that kind of type mechanism".

This story encouraged me to start writing a glossary of TypeScript. Hopefully it will help you if you have to look for an issue, write an issue, or communicate with other TypeScript developers.

Disclaimer: it was me, I was the developer that struggled. I still struggle though, but this means I still have things to learn, which is great!

React - Functional error boundaries

Thanks to React hooks you have now happily turned all your classes into functional components.

Wait, all your components? Not quite. There is one thing that can still only be implemented using classes: Error boundaries.

There is just no functional equivalent for componentDidCatch and deriveStateFromError yet.

Proposed solution

DOM Performance

How the browser renders the document
- Receives the data (bytes) from the server.
- Parses and converts into tokens (<, TagName, Attribute, AttributeValue, >).
- Turns tokens into nodes.
- Turns nodes into the DOM tree.
Builds CSSOM tree from the css rules.

一、理解函数式编程

1. 有一个Web服务，为你提供了如下的数据结构：

难度：★

var data = [
  {
    name: "Jamestown",
    population: 2047,
    temperatures: [-34, 67, 101, 87]

},

	# Enable Powerlevel10k instant prompt. Should stay close to the top of ~/.zshrc.
	# Initialization code that may require console input (password prompts, [y/n]
	# confirmations, etc.) must go above this block; everything else may go below.
	if [[ -r "${XDG_CACHE_HOME:-$HOME/.cache}/p10k-instant-prompt-${(%):-%n}.zsh" ]]; then
	source "${XDG_CACHE_HOME:-$HOME/.cache}/p10k-instant-prompt-${(%):-%n}.zsh"
	fi

	# If you come from bash you might have to change your $PATH.
	export PATH=$HOME/bin:/usr/local/bin:$PATH

	#!/usr/bin/python

	# This script can be used to obtain authentication cookies in order to gain access
	# to a SharePoint site's REST or WebDAV API using a username and password.
	#
	# Usage: python get-sharepoint-auth-cookie.py https://<somesite>.sharepoint.com/ your.name@domain.com <domain-password>
	#
	# The script returns a string containing two HTTP cookies: FedAuth and rtFa. These
	# cookies can be attached to HTTP requests to the SharePoint site in order to satisfy
	# authentication requirements

	const path = require('path');

	class DependencyGraphPlugin {
	apply(compiler) {
	compiler.hooks.emit.tap("DependencyGraphPlugin", (compilation) => {
	let deps = [];

	compilation.modules.forEach(m => {
	// console.log(m)
	const file = path.relative('', m.resource)

	import React, { Component } from 'react';
	import { BrowserRouter as Router, Route, Link } from "react-router-dom";
	import { Layout, Menu, Icon } from 'antd';

	import Dashboard from './containers/Dashboard/Dashboard';
	import Meseros from './containers/Meseros/Meseros';

	const { Header, Content, Footer, Sider } = Layout;
	const SubMenu = Menu.SubMenu;

	using Microsoft.SharePoint.Client;
	using OfficeDevPnP.Core;
	using System;

	namespace CSOMDemo
	{
	class Program
	{
	static void Main(string[] args)
	{

	/* SugarCRM v7 REST API Wrapper
	*
	* Date: May 13, 2014
	*
	* Author: Angel Magaña
	*
	* Contact: cheleguanaco[at]cheleguanaco.com
	* cheleguanaco.com
	*
	*