Akimov Vladimir b2whats

"Art prior" to React:

Martin Fowler: InversionOfControl (2005-Jun-26)

Inversion of Control is a key part of what makes a framework different to a library. A library is essentially a set of functions that you can call, these days usually organized into classes. Each call does some work and returns control to the client.

A framework embodies some abstract design, with more behavior built in. In order to use it you need to insert your behavior into various places in the framework either by subclassing or by plugging in your own classes. The framework's code then calls your code at these points.

The litmus test:

If your code calls it, it's a library.

	import axios, { AxiosError } from 'axios';
	import { getLoginData, LoginFormInputs, openLoadingScreen } from 'my-gui-lib';

	const STORAGE_NAME = 'auth';
	const HEADER_NAME = 'Authorization';

	let _refreshToken = '';
	let _authorizing: Promise<void> \| null = null;

	{ // init

	/*!
	* ExternalTemplateRemotesPlugin
	* License: MIT (https://mit-license.org/)
	*/

	const extractUrlAndGlobal = require('webpack/lib/util/extractUrlAndGlobal');
	const { RawSource } = require('webpack-sources');

	const PLUGIN_NAME = 'ExternalTemplateRemotesPlugin';

	/*
	Makes your remote containers low level API accessible via:

	import accessFederatedContainer from "access-federated-containers";
	accessFederatedContainer("app2")
	*/

	/** @typedef {import("webpack").Compiler} Compiler */
	/** @typedef {import("webpack").Compilation} Compilation */

	type WidthDefined = {width: number};
	type HeightDefined = {height:number};
	type TitleDefined = {title:string};
	type AllDefined = WidthDefined & HeightDefined & TitleDefined;

	class WidgetBuilder<T>{
	constructor(private params: T){}
	width<D>(this:WidgetBuilder<D extends WidthDefined ? never : D>, width: number):WidgetBuilder<D & WidthDefined> {
	return new WidgetBuilder(Object.assign(this.params, {width}));
	}

	#! Aaaaaaaaaaa this is JS!!!
	// https://github.com/tc39/proposal-hashbang
	// This file is mixing all new syntaxes in the proposal in one file without considering syntax conflict or correct runtime semantics
	// Enjoy!!!
	// Created at Nov 23, 2018

	for await(const x of (new A // https://github.com/tc39/proposal-pipeline-operator
	\|> do { // https://github.com/tc39/proposal-do-expressions
	case(?) { // https://github.com/tc39/proposal-pattern-matching
	when {val}: class {

	const PLUGIN_NAME = "MutateRuntimePlugin";

	class MutateRuntimePlugin {
	/**
	*
	* @param {FederationDashboardPluginOptions} options
	*/
	constructor(options) {}

	/**

	// // with thanks
	// https://dev.to/emreloper/react-router-v6-in-two-minutes-2i96
	// https://github.com/ReactTraining/react-router/blob/dev/docs/installation/getting-started.md
	// https://github.com/DefinitelyTyped/DefinitelyTyped/blob/9d29adedf662de685356f711951ef8b9e8342865/types/react-router/index.d.ts#L1
	// https://github.com/DefinitelyTyped/DefinitelyTyped/blob/9d29adedf662de685356f711951ef8b9e8342865/types/react-router-dom/index.d.ts#L1

	// // release notes
	// https://github.com/ReactTraining/react-router/releases/tag/v6.0.0-alpha.3

	declare module "react-router-dom" {

	{
	"environment": "staging"
	}

Akimov Vladimir b2whats

https://github.com/GantMan/ReactStateMuseum