This post is to explain what is React
Redux Thunk middleware allows you to write action creators that return a function instead of an action. This is outdated, wrote it to show how it's used to do
redux-saga is a library that aims to make application side effects easier to manage, more efficient to execute, easy to test, and better at handling failures. This is outdated, wrote it to show how it's used to do, as of November 2023 Redux Toolkit is the way of using Redux.
A practical, opinionated tour of how to structure a scalable React codebase in 2026—domain-driven folders, typed file-based routing, the SWR/Zustand state split, a validated API boundary, shadcn component layers, and the concepts that keep it all from rotting.
What a monorepo + backend-for-frontend + cross-platform client actually is, why the combination feels unfamiliar, how I built a runnable template for it from scratch, and—most importantly—how to scale it from a weekend project to a many-team codebase without it rotting.
A monorepo + BFF + cross-platform client doesn't just shape how you build—it shapes how you test. Which package gets which kind of test, why the typed contract is both a test target and your single mock boundary, how to set up per-package test environments, and the fixture trick that makes end-to-end runs fast and deterministic—with examples from building the whole thing from scratch.
Two different jobs that both say 'AI': using a coding agent to build and maintain a repo, and building AI into the product itself. How to drive Claude efficiently, what agents and MCPs actually are (with Figma/Linear/GitHub examples and the gh-vs-MCP call), and—when you want a feature that talks to a model—how to structure an AI service and wire it into the frontend and backend templates from the last few articles. The condensed version of everything I've learned shipping both.
Let's learn how to properly set your routes with React Router!
redux-toolkit is a SOPE (Simple, Opinionated, Powerful, Effective) library. It allows us to write more efficient code, speed up the development process, and automatically apply the best-recommended practices.
React Table is one of the best libraries out there to handle tables, its updated quite frequently and the developers behind it are very eager to listen to the community, lets check it out!
Remix is a full stack web framework that lets you focus on the user interface and work back through web standards to deliver a fast, slick, and resilient user experience.
React Query is often described as the missing data-fetching library for React, but in more technical terms, it makes fetching, caching, synchronizing and updating server state in your React applications a breeze.
RTK Query is an advanced API interaction tool inspired by similar tools like React Query. But unlike React Query, RTK Query offers full integration with framework-agnostic Redux.
This is the second part of our blog project using the Remix Framework! Let's focus on adding authentication and authorization to our app.
This will be a series called 'Programming Patterns' where we will check some very useful ways of handling the code.
Taking a dive into the world of React! We're going to build our first component learning about how this library works on the inside.
In Frontend fetching data from an API provided by a public one or from a server, is one of the most common things to do, let's check the methods we're using in 2023!
We will check the concept of rendering, it's something that's critical for web development and it's handled using different patterns like Client-Side rendering, Static rendering, Hydration, Progressive rendering and Server-Side rendering.
Let's learn how to optimize our performance, last post we learned about rendering and the different patterns applied, the importance of SSR and hydration.
Let's learn how to optimize our performance for long lists. The idea is to render only the visible rows, let's check how to do this in detail.
Forms are seen in pretty much every application and handling them in the correct way is a must, considering that excess code can lead to unneeded complexity and bundle size.
Lets learn more about React State and its popular useState Hook! We will learn to control the internal behavior of a component.
GraphQL has different libraries that enhances the experience of the developer and helps us produce code easier. In the case of React we have Apollo has a our connection with the server that uses Prisma.
In this post we will handle the client side of the application with React, Redux and Bootstrap.
This project is done by using React (CSR), Material UI for the styling, Commerce JS for the API that enables the functionality, TypeScript because its a must for every project and Stripe for the payments! This is part 1 where we build everything from scratch.
This project is done by using React (CSR), Material UI for the styling, Commerce JS for the API that enables the functionality, TypeScript because its a must for every project and Stripe for the payments! This is part 2 where we test and add the payment features using Stripe.
TIn our posts about application optimizations we talked a lot about SSR. Lately we have been focusing on CSR with create-react-app, today we will learn how to use NextJS properly and set it up from the beginning creating a base to setup future projects.
In this post we will learn about React Lifecycle Methods and the hook useEffect, learning from cleanup functions to examples on how to use this hook!
On this post we will learn how and WHEN to use useRef, its a very helpful hook to use in specific occasions that allows us to persist values through renders or access DOM properties
In this post we will learn how to optimize the performance of our applications using useMemo and useCallback!
Let's explore the concept of Context, both the API and the hook are one of the most misunderstood concepts, we will learn how to use it effectively! useContext is a great tool to share data between components.
We're gonna give a summary of React Conference by Ryan Florence about React Router V7 and how it implements SSR, SSG and CSR all in one!
In this article we will learn what is Zod and React Hook Form, why its the proper way to handle forms and use some real life examples
In this article we will learn how to do a fullstack authentication for any application you wish. Its fundamental to know how to perform auth in a fast way and have all the concepts known by the developer
In this article we will learn how to do implement a feature flags functionality to allow/disallow users from watching certain features in an elegant way
In this article we will learn how to develop reuseable components in React using generics
The most popular state management available for the React ecosystem! Let's understand how it works
useReducer is a React Hook that allows us to handle state through a pattern similar to Redux. Lets learn how to use it!
Lets learn about RSC, what it is and some examples of how and when to use them
AI is a part of our life now, we need to learn what they are and how they work, the objective of this post is to get into that.
This is an article showing an example of a live coding interview for a Senior Frontend Developer position with heavy focus on async