D
Похожее видел в effector-forest там прикольная штука
Так же выглядит то, во что jsx транспилируется
Size: a a a
2020 September 16
D
или подобные извращения
var h = preact.createElement;
var Component = preact.Component;
var render = preact.render;
function Foo(props) {
Component.constructor.call(this);
}
Foo.prototype = Object.create(Component.prototype);
Foo.prototype.render = function() {
return h("div", { style: "color: red", class: "foo" }, [
h("h2", {}, "Foo"),
h(Bar),
h("p", {}, ["props: ", JSON.stringify(this.props)])
]);
};
function Bar(props) {
Component.constructor.call(this);
this.state = {
baz: "baz"
};
}
Bar.prototype = Object.create(Component.prototype);
Bar.prototype.render = function() {
return h(
"p",
{ style: { color: "green", fontFamily: "serif" }, class: "bar" },
[
h("h3", {}, "Bar"),
h("p", {}, ["state: ", JSON.stringify(this.state)])
]
);
};
render(h(Foo, { text: "biz" }), document.body);
S
или подобные извращения
var h = preact.createElement;
var Component = preact.Component;
var render = preact.render;
function Foo(props) {
Component.constructor.call(this);
}
Foo.prototype = Object.create(Component.prototype);
Foo.prototype.render = function() {
return h("div", { style: "color: red", class: "foo" }, [
h("h2", {}, "Foo"),
h(Bar),
h("p", {}, ["props: ", JSON.stringify(this.props)])
]);
};
function Bar(props) {
Component.constructor.call(this);
this.state = {
baz: "baz"
};
}
Bar.prototype = Object.create(Component.prototype);
Bar.prototype.render = function() {
return h(
"p",
{ style: { color: "green", fontFamily: "serif" }, class: "bar" },
[
h("h3", {}, "Bar"),
h("p", {}, ["state: ", JSON.stringify(this.state)])
]
);
};
render(h(Foo, { text: "biz" }), document.body);
F
lit-html прикольная тема
TP
Так же выглядит то, во что jsx транспилируется
Не там оно в таком виде
type: 'dialog',
props: {
children: [
message,
{ type: 'input', props: {} }
]
}
type: 'dialog',
props: {
children: [
message,
{ type: 'input', props: {} }
]
}
TP
+-
D
Не там оно в таком виде
type: 'dialog',
props: {
children: [
message,
{ type: 'input', props: {} }
]
}
type: 'dialog',
props: {
children: [
message,
{ type: 'input', props: {} }
]
}
Нет, там оно в виде вызовов react.createElement
TP
Я тебе еще глубже рассказал)
TP
Как оно там
TP
Инфа от Денчика Абрамова
V
или подобные извращения
var h = preact.createElement;
var Component = preact.Component;
var render = preact.render;
function Foo(props) {
Component.constructor.call(this);
}
Foo.prototype = Object.create(Component.prototype);
Foo.prototype.render = function() {
return h("div", { style: "color: red", class: "foo" }, [
h("h2", {}, "Foo"),
h(Bar),
h("p", {}, ["props: ", JSON.stringify(this.props)])
]);
};
function Bar(props) {
Component.constructor.call(this);
this.state = {
baz: "baz"
};
}
Bar.prototype = Object.create(Component.prototype);
Bar.prototype.render = function() {
return h(
"p",
{ style: { color: "green", fontFamily: "serif" }, class: "bar" },
[
h("h3", {}, "Bar"),
h("p", {}, ["state: ", JSON.stringify(this.state)])
]
);
};
render(h(Foo, { text: "biz" }), document.body);
import React from ‘react’
export function App () {
return <h1>Привет, ребята</h1>
}TP
зато мусорные апи
Какие мусорные
TP
Пхп это мусор я считаю