Before starting we must create an account at https://platform.openai.com/ and then once we start the session an api key will be required, for this we will do it in the following link: https://platform.openai.com/ docs/quickstart/build-your-application. now we must create our project in react and install the following dependencies: $ npx create-react-app…

Another highly requested feature, this one consists of: According to what the user types in an input, we must show suggestions that are in our database. It is usually used in e commerces, since it allows to improve the user experience and have faster purchases. for our example we will…

a classic problem for developers, They give us a list of states, from which state the user chooses we will show the cities, and within the cities another element. today we will do something similar using jsonplaceholder: what is jsonplaceholder? It is a free api to use, which will allow us…

In several Ecommerces, blogs we see the function of an infinite scroll but suddenly we get bored of going down. then the problem is to return to the top, we must make a gigantic scroll or in the case of the mobile it becomes heavier. the simple solution: a scroll…

in some occasions this component can come with our framework in others not, many people will say “I can download a package to solve it”, but we can really solve it with custom code and customize it to our need. For this solution we will use styled components. why? Freddom…

Add a nice default image for users without profile pictures — Imagine that your next request is to perform this function: If the user does not have a profile image, the system must take their name and create an image from their initials in the purest Google style. You say it is possible, but you still have no idea how. …

Before we begin, we must clarify a few things.Ant Desing, Material Ui, by default bring this component to make use of it. The only objective of this post is to show you how to make yours and learn a little more about react / javascript in the process. So, what is a drawer? he drawer…

why use react hook form: · React Hook Form is a tiny library without any dependencies. · Minimizes the number of re-renders and faster mounting, striving to provide the best user experience. · very simple to use the first thing we will need is, install the dependencies to use npm…