Barra Buscadora con React Hooks y datos de una Api Rest || Tutorial en Español

Опубликовано: 11 Март 2026
на канале: BorjaScript
37,162
841

En este tutorial aprenderás a cómo crear una barra buscadora implementando React Hooks. Se filtrarán los resultados en tiempo real. La información a la que se le aplica la búsqueda viene desde una Api Rest o Web Api. Utilizaremos Bootstrap, Axios y Font-Awesome. Espero que este vídeo te sea de gran utilidad.

Comandos de Instalación.
-Axios y Bootstrap: npm i axios bootstrap
-Font-Awesome: npm i --save @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome

Url de la Api: https://jsonplaceholder.typicode.com/...

Enlace al repositorio de Github: https://github.com/Borja95/barrabusqu...

Enlace a la documentación oficial de los paquetes utilizados.
-Axios: https://www.npmjs.com/package/axios
-Bootstrap: https://www.npmjs.com/package/bootstrap
-Font Awesome: https://www.npmjs.com/package/@fortaw...

🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃

Único curso en Español de React y Ant Design:
   • Curso: Ant Design y React JS - Tutorial en...  

Único curso en Español de Componentes de Terceros de REACT JS:
https://www.udemy.com/course/componen...

Dashboard sencillo y responsivo con React JS y Material UI:
   • Dashboard Sencillo y Responsivo con Materi...  

Crud con React JS y ASP.NET Core:
   • CRUD con React JS y ASP.NET Core  

Autenticación de Google en React JS:
   • Autenticación de Google en React JS || Goo...  

Datatable con Material UI y Api Rest en React JS:
   • DATATABLE con MATERIAL UI y API Rest en Re...