React on Fernando Mendez https://www.fmendez.com/tags/react/ Recent content in React 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. Exploring Program Derive Addresses (PDA's) with Solana, Anchor and React https://www.fmendez.com/posts/exploring-pda-with-solana-anchor-react/ Mon, 13 Dec 2021 13:28:46 -0400 https://www.fmendez.com/posts/exploring-pda-with-solana-anchor-react/ Note: As of the time of this writing (Monday, December 13, 2021), Solana’s testnet environment (faucet/airdrop) seems to be having issues. Please select the devnet on the selector (or just don’t change it, since is the default value). Remember to change your wallet to point to the devnet network. Note: all the code for this post can be found here. There’s a demo here showcasing the concepts in this post. Building a simple on-chain point of sale with Solana, Anchor and React https://www.fmendez.com/posts/solana-anchor-react-first-impressions/ Fri, 26 Nov 2021 16:25:00 -0400 https://www.fmendez.com/posts/solana-anchor-react-first-impressions/ Note: All the code for this post can be found this github repo. A few days ago, I started playing with the Solana blockchain. I was initially interested because it was built on rust (I freaking love rust!). To explore it, I decided to build a basic point of sales (POS) for event tickets. I initially started reading the code on the Solana Program Library and experimenting but decided to go with Anchor just get started building something more quickly.