Protocol Buffers or Protobufs are language-agnostic mechanisms for serializing data. Protobuf schemas are specified using Protocol Buffer language, which is among the most popular and widely adopted IDLs in the industry. Protobufs are most commonly used in RPC services for inter-service communication. Their usage is also growing for public-facing interfaces, and recently they have been adopted in tools such as Apache Kafka. Used correctly, they enable both forward and backward compatible message producing and consuming....

Environment variables are a standard way to parametrize backend containers. For some reason, they haven’t seen wide adoption on the frontend side, which just as much requires customization. Both React and Vue still recommend creating separate .env files for different environments, which is unwieldy at best if you want to containarize the application. In this tutorial, I will guide You through an opinionated way to create environment agnostic frontend images in React....

Introduction I was recently challenged with a pretty common, and a simple problem of positioning a custom context menu. When you DuckDuckGo how to position a context menu phrase you will be greeted with solutions that either: don’t consider boundary conditions or use JavaScript to check the conditions and position the menu accordingly. The issue with the first solution is that it’s not great in terms of User Experience....