Skip to content

Benchmark for WP directives #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 19 commits into
base: master
Choose a base branch
from
Draft

Benchmark for WP directives #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
f98cec0
Init wp-directives folder
DAreRodz Oct 3, 2022
2e9612c
Implement a simple `for` directive (w/out SSR)
DAreRodz Oct 3, 2022
a81b489
Copy-paste new files from navigation experiment
DAreRodz Oct 3, 2022
627eda5
Agree on an API
DAreRodz Oct 4, 2022
777fe23
Fix wp-each using main context
DAreRodz Oct 4, 2022
a651b80
Process templates content in `toVdom()`
DAreRodz Oct 4, 2022
650b2ea
Fix `deepMerge` and add `multiDeepMerge`
DAreRodz Oct 4, 2022
9c5e7ed
Remove extraneous `...args`
DAreRodz Oct 4, 2022
ce9f923
Remove wp-context from template content
DAreRodz Oct 4, 2022
ce20420
Fix wp-each directive using `multiDeepMerge`
DAreRodz Oct 4, 2022
89ab077
Fix `isSelected` derived state
DAreRodz Oct 4, 2022
1462a7c
Move context data inside `rows`
DAreRodz Oct 4, 2022
a1e5206
Use shallow merge for item context
DAreRodz Oct 4, 2022
6233965
Replace deepSignal with state
DAreRodz Oct 4, 2022
00fe8a1
Do not pass tick to callback
DAreRodz Oct 4, 2022
d7f4c0a
Fix item key
DAreRodz Oct 5, 2022
8fc36a9
Pass the `<tr>` node as the only child
DAreRodz Oct 5, 2022
6ea3572
Add a framework version
DAreRodz Oct 5, 2022
01e565c
Add preliminary results
DAreRodz Oct 5, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 22 additions & 0 deletions frameworks/keyed/wp-directives/.babelrc
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
{
"presets": [
[
"@babel/preset-env",
{
"targets": {
"browsers": ["last 1 chrome versions"]
}
}
],
"@babel/preset-react"
],
"plugins": [
[
"@babel/plugin-transform-react-jsx",
{
"runtime": "automatic",
"importSource": "preact"
}
]
]
}
76 changes: 76 additions & 0 deletions frameworks/keyed/wp-directives/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8" />
<title>WP-directives-keyed</title>
<link href="/css/currentStyle.css" rel="stylesheet" />
</head>

<body>
<div class="container" id="main" wp-context='{ "rows": { "data": [] } }'>
<div class="jumbotron">
<div class="row">
<div class="col-md-6">
<h1>WP-directives-keyed</h1>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 smallpad">
<button type="button" class="btn btn-primary btn-block" id="run" wp-on:click="actions.run">
Create 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button type="button" class="btn btn-primary btn-block" id="runlots" wp-on:click="actions.runLots">
Create 10,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button type="button" class="btn btn-primary btn-block" id="add" wp-on:click="actions.add">
Append 1,000 rows
</button>
</div>
<div class="col-sm-6 smallpad">
<button type="button" class="btn btn-primary btn-block" id="update" wp-on:click="actions.update">
Update every 10th row
</button>
</div>
<div class="col-sm-6 smallpad">
<button type="button" class="btn btn-primary btn-block" id="clear" wp-on:click="actions.clear">
Clear
</button>
</div>
<div class="col-sm-6 smallpad">
<button type="button" class="btn btn-primary btn-block" id="swaprows" wp-on:click="actions.swapRows">
Swap Rows
</button>
</div>
</div>
</div>
</div>
</div>
<table class="table table-hover table-striped test-data">
<tbody>
<template wp-each:item="state.data" wp-key="id">
<tr class="" wp-class:danger="state.isSelected">
<td class="col-md-1" wp-bind:children="state.itemId"></td>
<td class="col-md-4">
<a wp-on:click="actions.select" wp-bind:children="state.itemLabel"></a>
</td>
<td class="col-md-1">
<a wp-on:click="actions.remove"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a>
</td>
<td class="col-md-6"></td>
</tr>
</template>
</tbody>
</table>

<span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>
</div>

<script src="dist/main.js"></script>
</body>

</html>
Loading