Ark/leporello-js
1
0
Fork 0
mirror of https://github.com/leporello-js/leporello-js synced 2026-01-13 21:14:28 -08:00
Code Issues Packages Projects Releases Wiki Activity

deploy: leporello-js/app@a6e3f1b36f

Browse Source
This commit is contained in:
dmitry-vsl
2025-05-30 19:59:02 +00:00
parent 1a30311de4
commit 75b1c5e942
30 changed files with 959 additions and 832 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
docs/examples/preact/index.js
View File

@@ -1,38 +1,44 @@
const fib = n => {
if(n == 0) {
if (n == 0) {
return 0
}
if(n == 1) {
if (n == 1) {
return 1
}
return fib(n - 1) + fib(n - 2)
}
/* external */
import {h, render} from 'https://unpkg.com/preact?module';
/* external */
import {Stateful} from './stateful.js'
import { h, render } from "preact"
/* external */
import { Stateful } from "./stateful.js"
const Fibonacci = Stateful({
getInitialState: () => ({index: 0}),
getInitialState: () => ({ index: 0 }),
handlers: {
prev: ({index}, event) => ({index: index - 1}),
next: ({index}, event) => ({index: index + 1}),
prev: ({ index }, event) => ({ index: index - 1 }),
next: ({ index }, event) => ({ index: index + 1 }),
},
render: (props, state, handlers) =>
h('div', null,
h('h1', null,
'nth Fibonacci number is ',
render: (props, state, handlers) =>
h(
"div",
null,
h(
"h1",
null,
"nth Fibonacci number is ",
fib(state.index),
' for n = ',
state.index
" for n = ",
state.index,
),
h('button', {onClick: handlers.prev}, 'Previous'), ' ',
h('button', {onClick: handlers.next}, 'Next'), ' ',
)
h("button", { onClick: handlers.prev }, "Previous"),
" ",
h("button", { onClick: handlers.next }, "Next"),
" ",
),
})
render(h(Fibonacci), globalThis.document.body)