Websockets on Fernando Mendez https://www.fmendez.com/tags/websockets/ Recent content in Websockets on Fernando Mendez Fernando Mendez https://www.fmendez.com/%3Clink%20or%20path%20of%20image%20for%20opengraph,%20twitter-cards%3E https://www.fmendez.com/%3Clink%20or%20path%20of%20image%20for%20opengraph,%20twitter-cards%3E Hugo -- 0.125.3 en Thu, 01 Aug 2024 15:21:04 -0400 Building a Real-time Live Polling System with Remix Frontend and Rails API Backend https://www.fmendez.com/posts/remix-rails-live-polling-system/ Thu, 01 Aug 2024 15:21:04 -0400 https://www.fmendez.com/posts/remix-rails-live-polling-system/ Table of Contents Introduction Setting Up the Project Designing the Data Model (Rails) Building the API Endpoints (Rails) Setting Up WebSockets (Rails) Remix.js Frontend Setup (Remix.js) Implementing API Integration in Remix Real-time Updates with WebSockets in Remix Conclusion: Reflecting on Our Live Polling System 1. Introduction WebSockets: The Real MVP of Real-Time Web Apps Today, we’re exploring the world of WebSockets. If you’ve ever wondered how modern web apps achieve that smooth, real-time feel, you’re in for a treat. WebSockets with React, Redux, and Ruby on Rails https://www.fmendez.com/posts/websockets-react-redux-rails/ Sat, 08 Jan 2022 15:21:04 -0400 https://www.fmendez.com/posts/websockets-react-redux-rails/ Note: all the code for this post can be found here(frontend) and here (backend/rails) Let’s explore how to integrate Rails ActionCable functionality (WebSockets) with a basic chat application using React and Redux (via Redux Toolkit). I’m only including the most relevant snippets of code, please refer to the code in the repo for the entire context. Backend Since I’m using rails as an API endpoint, I’ll create the app using the --api flag.