yew
yew copied to clipboard
Add Function Delayed Input Processing Example
Description
Hey there!
I recently encountered a scenario where I needed to develop an input form with delayed input processing. While this is quite straightforward in JavaScript using setTimeout
, implementing it in Yew presented a bit more of a challenge. I realized that having a practical example of this could be really beneficial for other Yew developers. So, I've created an example to demonstrate this concept, hoping it will be a helpful resource for the community.
Checklist
- [x] I have reviewed my own code
- [ ] I have added tests - not applicable
Size Comparison
examples | master (KB) | pull request (KB) | diff (KB) | diff (%) |
---|---|---|---|---|
async_clock | 101.142 | 101.165 | +0.023 | +0.023% |
boids | 174.688 | 174.773 | +0.085 | +0.049% |
communication_child_to_parent | 93.555 | 93.604 | +0.050 | +0.053% |
communication_grandchild_with_grandparent | 106.488 | 106.530 | +0.042 | +0.039% |
communication_grandparent_to_grandchild | 101.738 | 101.785 | +0.047 | +0.046% |
communication_parent_to_child | 89.894 | 89.943 | +0.050 | +0.055% |
contexts | 106.624 | 106.667 | +0.043 | +0.040% |
counter | 86.929 | 86.961 | +0.032 | +0.037% |
counter_functional | 87.333 | 87.386 | +0.053 | +0.060% |
dyn_create_destroy_apps | 89.734 | 89.840 | +0.105 | +0.118% |
file_upload | 100.716 | 100.831 | +0.115 | +0.114% |
function_delayed_input | N/A | 89.489 | N/A | N/A |
function_memory_game | 173.401 | 173.478 | +0.076 | +0.044% |
function_router | 349.890 | 350.497 | +0.607 | +0.174% |
function_todomvc | 162.125 | 162.154 | +0.029 | +0.018% |
futures | 230.397 | 230.417 | +0.020 | +0.008% |
game_of_life | 111.037 | 111.182 | +0.145 | +0.130% |
immutable | 188.753 | 189.114 | +0.361 | +0.191% |
inner_html | 80.628 | 80.684 | +0.056 | +0.069% |
js_callback | 110.347 | 110.447 | +0.101 | +0.091% |
keyed_list | 200.098 | 200.162 | +0.064 | +0.032% |
mount_point | 83.529 | 83.592 | +0.062 | +0.075% |
nested_list | 114.713 | 114.751 | +0.038 | +0.033% |
node_refs | 91.046 | 91.108 | +0.062 | +0.069% |
password_strength | 1751.152 | 1751.199 | +0.047 | +0.003% |
portals | 94.227 | 94.289 | +0.062 | +0.066% |
router | 318.757 | 319.522 | +0.766 | +0.240% |
simple_ssr | 141.251 | 141.340 | +0.089 | +0.063% |
ssr_router | 388.089 | 388.766 | +0.677 | +0.174% |
suspense | 116.477 | 116.553 | +0.076 | +0.065% |
timer | 89.391 | 89.472 | +0.081 | +0.091% |
timer_functional | 98.760 | 98.850 | +0.090 | +0.091% |
todomvc | 142.438 | 142.465 | +0.026 | +0.019% |
two_apps | 86.644 | 86.698 | +0.055 | +0.063% |
web_worker_fib | 135.500 | 135.604 | +0.104 | +0.077% |
web_worker_prime | 185.940 | 185.980 | +0.040 | +0.022% |
webgl | 83.187 | 83.292 | +0.105 | +0.127% |
✅ None of the examples has changed their size significantly.