Francisco Mendes articles - 124 total
REST API Consumption with feTS: A Practical Guide to Type-Safe HTTP Clients
Introduction These days I feel like we're lucky to have the chance to choose the tools we...
Syncing React State Across Tabs: Using Broadcast Channel API
Introduction One of the challenges that I find most complicated to solve is synchronizing...
Building Server-Side Rendering (SSR) Applications with Deno and JSX
In recent times, one of the most talked about topics in the JavaScript Frontend community has been...
Building Real-Time Next.js Apps with WebSockets and Soketi
Introduction Nowadays, it is becoming increasingly common to have certain components of...
Enhance User Experience with Remix.js and Toast Notifications
Introduction Many of the things that run in applications need to pass important...
Getting Started with Drizzle ORM: A Beginner's Guide
In today's article I will give you some information related to the creation and application of...
Crafting Session-Enabled Apps with Deno: A Step-by-Step Guide
At some point in the development of web applications it will be necessary to add a layer of data...
Getting Started with WebSockets in Deno: Tutorial and Examples
Nowadays it is quite natural to take advantage of WebSockets, either with an in-app notification...
Building a REST API with Deno and Hono.js: A Step-by-Step Guide
In the last few months I've been using Deno almost daily and I have been thoroughly impressed with...
Next.js and GraphQL: The Perfect Combination for Full Stack Development
What you will learn In today's article we are going to create a full stack application...
Building Real-Time Applications with Remix.js Server-Sent Events and Job Queues
What you will learn I hope that after reading this article you have enough background to...
Secure Your Remix.js App: A Guide to Authentication and Authorization
What you will learn I hope that after reading this article you will have enough...
Building Dynamic Web Applications with Remix.js, Drizzle ORM and Tailwind
What you will learn I hope this article helps you create a server-side rendered...
Exploring PocketBase Database Integration in React with SWR: Tips and Techniques
Introduction In the previous article we used the PocketBase SDK together with React...
PocketBase Authentication in React: A Comprehensive Guide
Introduction In today's article we are going to take advantage of the Software Development...
Authentication and Authorization in a Node API using Fastify, tRPC and Supertokens
Introduction In today's article we are going to create an API using tRPC along with a...
Build TypeSafe Node API using tRPC, Fastify, Kysely and Atlas CLI
Introduction In today's article we are going to create a fully typesafe CRUD API, we are...
Simplifying Routing in React with Vite and File-based Routing
Introduction One of the things that developers like most is to improve the flow of...
Custom Form Validation using Hooks in React: Tips and Tricks with useForm and Superstruct
Introduction Forms are a common feature in most applications, and they typically involve...
Exploring Web Workers in React with Vite: The Key for Better Performance
Introduction Web Workers are a powerful and flexible tool that can enhance the...
React QR Code Generation: A Guide to Building Custom QR Codes
Introduction Nowadays QR Codes are literally everywhere, on packaging, flyers,...
React Router Forms and Actions: Handling Submission and Validation with Ease
Introduction In the past we used loaders to read data from an external source, but we can...
React Router Data Fetching Made Easy: A Step-by-Step Guide
Introduction In the most recent versions of React Router we were given a set of very...
React Error Handling Made Easy with Component-Based Strategies
Introduction In JavaScript we can throw different things, from errors, to booleans, even...
React Error Boundaries: Improving App Stability with Route-Level Error Management
Introduction One of the most important things for the user experience is the creation of...
Creating Dynamic Widget Grids with React: A Guide to Building and Customizing
Introduction In today's article we are going to create a simple widget grid in react where...
React Drag and Drop Made Easy: A Step-by-Step Guide
Introduction In today's article we are going to create a similar interface with...
Building Custom Table Component in React: A Step-by-Step Guide
Introduction I would say that tables are one of the most popular components of web...
Supercharging Your React Apps with Custom Date and Time Picker Functionality
Introduction Many web applications need to manage dates using a calendar, however the...
How to Build a Type-safe GraphQL API using Pothos and Kysely
Introduction There are two popular ways to create a GraphQL api, schema-first and...