Notes on Frontend

Generate Typescript Types from Protobuf files

Sep 2, 2024. 10 min read.

Let's generate TypeScript types from protobuf files with ts-proto, filter out enums and types we need, and export them from a single index file. Nice! Now, let's wrap all this into an npm package - to encapsulate build process scripts, npm dependencies and internal folder structure.

How to Wait for Single Page Navigation and Re-hydration with Playwright and React Router

Jul 28, 2022. Last updated on Dec 21, 2022. 6 min read.

We look into ways to write robust end-to-end tests involving navigation between pages in a single page application (pun intended). We evaluate page-specific element selectors approach and come up with the custom "UI is ready" router navigation event in attempt to skip element selectors altogether.