https://momori.dev/tags/websocket/Recent content in Websocket on Momori NakanoHugo -- 0.147.0en-usMon, 22 Apr 2024 00:00:00 +0000https://momori.dev/posts/building-a-websocket-chat-app-with-axum-and-react/Mon, 22 Apr 2024 00:00:00 +0000https://momori.dev/posts/building-a-websocket-chat-app-with-axum-and-react/<p>In this guide, we&rsquo;ll walk through the process of creating a full-stack chat app using WebSocket. Our backend will be built with <a href="https://github.com/tokio-rs/axum">Axum</a>, a powerful Rust backend framework, and <a href="https://www.shuttle.rs/">Shuttle</a>, a development platform, while the frontend will be developed using <a href="https://react.dev/">React</a> and <a href="https://vitejs.dev/">Vite</a>.</p> <p>We&rsquo;ll cover</p> <ul> <li>Utilizing WebSocket in Axum and React.</li> <li>Generating unique identifiers using nanoid.</li> <li>Incorporating telemetry with tracing for enhanced logging.</li> </ul> <p>You can find the complete code for this project on <a href="https://github.com/momori256/fullstack-wschat">GitHub</a>.</p> <h2 id="setup">Setup</h2> <p>Let&rsquo;s start by creating a new repository for this project:</p>