ContextQMD
Back to Ratatui

main.rs

src/content/docs/tutorials/counter-app/_multiple-files/main.md

latest1.2 KB
Original Source

Putting it all together, we have the main.rs function:

rust
{{#include @code/tutorials/ratatui-counter-app/src/main.rs:imports_main}}

{{#include @code/tutorials/ratatui-counter-app/src/main.rs:main}}

Because we call tui.events.next() in a loop, it blocks until there's an event generated. If there's a key press, the state updates and the UI is refreshed. If there's no key press, a Tick event is generated every 250 milliseconds, which causes the UI to be refreshed.

This is what it looks like in practice to:

  • Run the TUI
  • Wait 2.5 seconds
  • Press j 5 times
  • Wait 2.5 seconds
  • Press k 5 times
  • Wait 2.5 seconds
  • Press q
<!-- ``` Set Shell zsh Sleep 2.5s Type "cargo run" Enter Sleep 5s Type "jjjjj" Sleep 500ms Type "kkkkk" Sleep 5s Type "q" Sleep 2.5s ``` -->

You can find the full source code for this multiple files tutorial here: https://github.com/ratatui/ratatui-website/tree/main/code/tutorials/ratatui-counter-app.

:::note[Homework]

Right now, this TUI application will render every time a key is pressed. As an exercise, can you make this app render only an a predefined tick rate?

:::