
Aqui crearemos un programa en consola facil que puede ser integrado con otros elementos para ser ejecutado
Utilizando BrowserView podremos ver una pagina web dentro de la ventana de electron
Utilizando ipc para realizar una coneccion entre electron y el frontend para copiar y pegar texto dentro de la interfaz que genera electron
Crearemos un software parecido OBS con electron donde capturaremos pantalla
Crearemos un sistema de notificaciones con electron simple
Creamos los archivos principales del proyecto instalando todas las librerias
Diseñamos las rutas de la aplicacion con react y react-router
Probamos la libreria shadcn/ui para integrar tablas estaticas para ver su estructura
Creamos la interfaz para crear productos y guardarlos en localstorage
Creamos la logica para guardar los productos de forma facil y precisa para luego mostrarlos en la tabla principal
Solucionamos el sistema de IDs generado para asignarles un id unico a los productos
Utilizando la libreria React-tables personalizamos la tabla para tener un buscador, filtrador y organizador por nombre o numero
Agregamos una nueva ruta y creamos un sistema para exportar e importar productos por un archivo JSON
Arreglamos unos errores en el localstorage de inicializacion y luego otros errores a la hora de mostrar los productos
Ultima clase, en ella se muestra como crear el ejecutable y personalizar el proceso de creación del .exe integrando un icono y cambiando su id para una mayor personalizacion
¡Bienvenido al curso de Desarrollo de Aplicaciones de Inventario con Electron, React y React-Tables! Si eres un junior en el mundo del desarrollo frontend o simplemente quieres ampliar tus habilidades en desarrollo web básico, este curso es perfecto para ti.
En las primeras secciones, te sumergirás en el fascinante mundo de Electron, aprendiendo los conceptos fundamentales y cómo utilizarlo para crear aplicaciones de escritorio multiplataforma. A medida que avanzamos, entraremos en el emocionante universo de React y React-Tables, dos herramientas clave en el desarrollo frontend moderno.
Este curso está diseñado para que aprendas haciendo. Construirás una aplicación de gestión de inventario desde cero, utilizando Electron para convertirla en un ejecutable que puede ser ejecutado en diferentes sistemas operativos. A lo largo del proceso, obtendrás experiencia práctica con React y React-Tables, perfeccionando tus habilidades mientras construyes una aplicación funcional y atractiva.
Lo que aprenderás:
Fundamentos de Electron y su integración con React.
Desarrollo de interfaces de usuario con React para una gestión eficiente del inventario.
Utilización de React-Tables para organizar y presentar datos de manera efectiva.
Construcción de una aplicación de escritorio con un enfoque en la usabilidad y diseño.
Al finalizar este curso, no solo habrás adquirido habilidades prácticas en Electron, React y React-Tables, sino que también habrás creado una aplicación completa que podrás agregar a tu portafolio. Únete a nosotros y comienza tu viaje hacia el desarrollo frontend de aplicaciones de escritorio hoy mismo.