Wells wwsun

Comparison Items	Schema-base low-code solution	Tango (Code-based)
Applicable Scenarios	Targeted vertical building scenarios, such as forms, marketing pages, etc.	🔥 Applicable to application building scenarios centered on source code
Language Capabilities	Relies on private protocols for extension, inflexible, and difficult to align with programming language capabilities	🔥 Based directly on JavaScript language, can use all language features, no extensibility issues
Development Capability	LowC

Avoiding HOC; Favoring render props

The React community is moving away from HOC (higher order components) in favor of render prop components (RPC). For the most part, HOC and render prop components solve the same problem. However, render prop components provide are gaining popularity because they are more declarative and flexible than an HOC.

	import * as React from 'react';
	import { Component, ComponentClass, createRef, forwardRef, Ref } from 'react';

	const myHoc = <ComposedComponentProps extends {}>(
	ComposedComponent: ComponentClass<ComposedComponentProps>,
	) => {
	type ComposedComponentInstance = InstanceType<typeof ComposedComponent>;

	type WrapperComponentProps = ComposedComponentProps & {
	wrapperComponentProp: number;

	<!DOCTYPE html>
	<html>
	<head>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>

	// modules are defined as an array
	// [ module function, map of requireuires ]
	//
	// map of requireuires is short require name -> numeric require
	//
	// anything defined in a previous bundle is accessed via the
	// orig method which is the requireuire for previous bundles

	(function outer (modules, cache, entry) {
	// Save the require from previous bundle to this closure if any

	function isArray(value){
	return Object.prototype.toString().call(value) == '[Object Array]';
	}

	function isFunction(value) {
	return Object.prototype.toString().call(value) == '[Object Function]';
	}

	function isRegExp(value) {
	return Object.prototype.toString().call(value) == '[Object RegExp]';


	var EventUtil = {

	addHandler: function (element, type, handler) {
	if (element.addEventListener) { // DOM2
	element.addEventListener(type, handler, false); // false means handle the events when bubbling
	} else if (element.attachEvent) { // IE
	element.attachEvent("on" + type, handler);
	} else { // DOM0
	element["on" + type] = handler;

	var CookieUtil = {

	get: function (name) {
	var cookieName = encodeURIComponent(name) + "=",
	cookieStart = document.cookie.indexOf(cookieName),
	cookieValue = null;

	if (cookieStart > -1) {
	var cookieEnd = document.cookie.indexOf(";", cookieStart);
	if (cookieEnd == -1) {

	package me.wwsun.list;

	import java.util.Iterator;

	/**
	*
	* @param <E> is the type of elements in this list
	*/
	public class MyArrayList<E> implements Iterable<E> {

	define([], function() {
	return 'Example file';
	});