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.

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.

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.

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.

We will start learning how to test our applications with Cypress, this is a end-to-end testing framework for web test automation. We use this to test the application as a whole, instead of isolated components (cypress can do it, but RTL is better for unit testing), which is done using unit testing and integration testing when you want to make multiple components and layers work together

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.

GraphQL is a new API standard to provide an alternative to REST, it has been gaining popularity along the community and this series is meant to learn what makes it so good over REST.

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.

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.

Lets learn more about React State and its popular useState Hook! We will learn to control the internal behavior of a component.

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.

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!

In this article, we're exploring frontend system design for building a scalable news feed application with interactive post feeds.