Keyed List Example

This example consists of a list which can be manipulated in various ways.

Notes

If you would like to view this example as a performance demonstration, run this example in release mode.

Concepts

Demonstrates how using keyed elements improves the performance of comparing changes to lists.

Improvements

• Improve the name and address generation so that they don't look like gibberish
• Show the time it took to update the DOM on the page instead of just the console
• Improve the presentation of the example with CSS

Running

Run this application with the trunk development server:

RUSTFLAGS='--cfg getrandom_backend="wasm_js"' trunk serve --open