Wells wwsun

## table.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                wwsun
                / table.md
            
            
              Created
              September 15, 2023 03:05
            
              
                tango-advantanges
              
          
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


## render-props.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                wwsun
                / render-props.md
            
            
              Created
              May 31, 2023 09:44
                — forked from heygrady/render-props.md
            
              
                Avoiding HOC; Favoring render props
              
          
    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.
Read more:

Use a render prop
Breaking up with HOC
HOC vs. render props
React HOC docs
React render props docs


## foo.tsx
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;

## index.html
<!DOCTYPE html>
<html>
<head>

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

## browserify-pack-prelude.js
// 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

## util.js
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]';

## EventUtil.js

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;

## cookieUtil.js
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) {

## example.js
define([], function() {
    return 'Example file';
});

## MyArrayList.java
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> {
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
	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> {