Martín Juncos
Martín Juncos
  • 92
  • 10 283
Clase 25 Despliegue de React y Nodejs en Render y mas
En este video te guiamos a través del proceso completo para desplegar una aplicación MERN (MongoDB, Express, React, Node.js) utilizando Render. Aprenderás cómo configurar el backend y frontend, gestionar las variables de entorno y asegurar una integración fluida entre ambos. También exploraremos cómo realizar un despliegue alternativo en GitHub Pages para tu aplicación React.
Temas que cubriremos:
Configuración del backend (Node.js + Express) en Render.
Subida del repositorio a GitHub.
Implementación y configuración del frontend en Render.
Integración con servicios de autenticación como Auth0.
Despliegue estático del frontend usando GitHub Pages.
Consejos y buenas prácticas para optimizar tu despliegue.
Este tutorial es ideal para desarrolladores que buscan aprender a implementar aplicaciones web completas de manera profesional y eficiente.
#byprofemartin #modobeta #MERN #NodeJS #ReactJS #MongoDB #ExpressJS #Despliegue #Render #GitHubPages #DesarrolloWeb #FullStack #ProgramaciónWeb #Auth0 #DeployWeb #Frontend #Backend
มุมมอง: 103

วีดีโอ

Clase 24 Integración de Mercado Pago
มุมมอง 481หลายเดือนก่อน
¡Bienvenidos a esta nueva clase del curso ! Hoy vamos a dar un gran paso en nuestro proyecto: aprenderemos cómo integrar Mercado Pago, una de las plataformas de pago más utilizadas en Latinoamérica. Veremos cómo configurar el backend y el frontend para implementar pagos de manera sencilla, segura y profesional. Si quieres llevar tu tienda en línea al siguiente nivel y ofrecer una experiencia co...
Clase 23 Carrito de Compras
มุมมอง 111หลายเดือนก่อน
En esta clase aprenderás cómo implementar un carrito de compras dinámico para tu proyecto de e-commerce utilizando React y Redux Toolkit. Exploraremos paso a paso la configuración de Redux, la creación de un slice para manejar el estado del carrito y cómo conectar estos elementos a los componentes de tu aplicación. Además, diseñaremos una interfaz de usuario funcional y atractiva, con funcional...
Clase 21 Paginación
มุมมอง 161หลายเดือนก่อน
¿Quieres aprender cómo implementar un sistema de paginación eficiente en tus proyectos de React? En esta clase, exploramos paso a paso cómo construir un componente de paginación funcional. Aprenderás a gestionar la lógica detrás de la paginación, calcular los índices de los productos a mostrar, y a crear un diseño dinámico que resalte la página actual. ¿Qué veremos en esta clase? Configuración ...
Clase 22 Ordenar, Filtrar y Buscar
มุมมอง 77หลายเดือนก่อน
En este video exploraremos cómo implementar funcionalidades clave para ordenar, filtrar y buscar productos en una aplicación web utilizando Redux y React. Aprenderás a configurar un sidebar interactivo que permita a los usuarios ordenar productos por precio, filtrar por categorías y buscar por palabras clave. Además, te mostraremos cómo manejar el estado global con Redux para mantener una exper...
Clase 20 Estilos en ReactJs
มุมมอง 852 หลายเดือนก่อน
En esta clase, aprenderás las diferentes maneras de aplicar estilos en aplicaciones ReactJS. Exploramos desde el enfoque tradicional con CSS clásico hasta métodos modernos como CSS Modules, styled-components, Tailwind CSS y Material-UI. Además, analizamos las ventajas y desventajas de cada método, ayudándote a elegir el más adecuado para tus proyectos. Con ejemplos prácticos y explicaciones cla...
Clase 19 Testing
มุมมอง 1362 หลายเดือนก่อน
En esta clase práctica, aprenderás a realizar pruebas unitarias y de integración en ReactJs utilizando Jest, una poderosa biblioteca de testing de JavaScript. Nuestro instructor, el Profe Martin, te guiará a través de los conceptos clave del testing en React, incluyendo la configuración inicial, la escritura de pruebas efectivas, y las mejores prácticas para asegurar la calidad y estabilidad de...
Clase 18 Auth0 Firebase
มุมมอง 822 หลายเดือนก่อน
En este video, exploraremos cómo implementar funcionalidades de login y registro en nuestra aplicación utilizando Auth0 y Firebase. Paso a paso, aprenderemos a integrar estos servicios en React para manejar la autenticación de usuarios de forma segura y eficiente. Empezaremos configurando Auth0 y Firebase en nuestra aplicación, viendo cómo conectar las credenciales y obtener los tokens necesari...
Clase 17 Formularios en ReactJs
มุมมอง 5412 หลายเดือนก่อน
¡Bienvenidos a una nueva clase en el canal! Hoy aprenderemos cómo manejar formularios de manera eficiente en React utilizando la poderosa biblioteca React Hook Form. Si alguna vez te has frustrado con la validación de formularios o el manejo del estado en React, este video es para ti. Te mostraré cómo simplificar el proceso, mejorar el rendimiento y mantener tu código limpio y fácil de mantener...
Clase 16 Redux Toolkit
มุมมอง 1262 หลายเดือนก่อน
En la clase de hoy, exploraremos Redux Toolkit, la herramienta oficial para simplificar la gestión del estado en aplicaciones React. Aprenderemos a configurar el store, crear slices y manejar acciones de manera más eficiente y menos repetitiva. Redux Toolkit no solo mejora la estructura del código, sino que también facilita la implementación de lógica asíncrona y la integración con React para u...
Clase 15 Redux
มุมมอง 1332 หลายเดือนก่อน
En esta clase exploraremos Redux, una potente biblioteca de JavaScript utilizada para la gestión del estado en aplicaciones. Aprenderemos cómo Redux permite centralizar el estado de una aplicación, haciéndolo predecible y fácil de depurar, especialmente cuando trabajamos con estructuras complejas y múltiples componentes. Además, veremos cómo integrar Redux con React para asegurar que el flujo d...
Clase 14 Hooks de ReactJs
มุมมอง 1472 หลายเดือนก่อน
¿Listo para llevar tus componentes de React al siguiente nivel? En esta clase exploraremos los poderosos Hooks de React, una herramienta esencial que permite a los desarrolladores manejar estados y ciclos de vida de manera mucho más sencilla, sin necesidad de clases. Aprenderemos sobre los Hooks básicos como useState, useEffect, y avanzaremos hasta los Custom Hooks para crear aplicaciones más e...
Clase 13 React Router Dom
มุมมอง 1942 หลายเดือนก่อน
En este video aprenderás cómo añadir rutas a tu aplicación de React para crear una experiencia de usuario dinámica y sin recargas innecesarias. React Router DOM es una herramienta esencial para el desarrollo de aplicaciones SPA (Single Page Application), permitiéndote gestionar la navegación de forma eficiente y profesional. Vamos a explorar cómo configurar rutas básicas y avanzadas, y veremos ...
Clase 12 Componentes y Props en ReactJs
มุมมอง 1262 หลายเดือนก่อน
En este video aprenderemos a construir aplicaciones React dividiendo la interfaz en componentes reutilizables y manejando datos de manera eficiente mediante props. Exploraremos cómo los componentes se comunican entre sí y cómo usar props para pasar información entre ellos, haciendo nuestras aplicaciones más dinámicas y organizadas. ¡Acompáñenme para entender estos conceptos fundamentales y llev...
Clase 11 Introduccion a ReactJs
มุมมอง 2353 หลายเดือนก่อน
React es una biblioteca de JavaScript de código abierto desarrollada por Facebook, diseñada para la construcción de interfaces de usuario, especialmente para aplicaciones web de una sola página. Lanzada en 2013, React se ha convertido en una de las herramientas más populares para el desarrollo frontend debido a su enfoque modular y su eficiencia. #ModoBeta #byprofemartin #ReactJS #ReactDevelopm...
dotenv
มุมมอง 293 หลายเดือนก่อน
dotenv
Clase 9 Proyectos
มุมมอง 883 หลายเดือนก่อน
Clase 9 Proyectos
Manejo de Errores con Sequelize
มุมมอง 173 หลายเดือนก่อน
Manejo de Errores con Sequelize
Relacionar Tablas con Sequelize
มุมมอง 1553 หลายเดือนก่อน
Relacionar Tablas con Sequelize
Eliminar Registros con Sequelize
มุมมอง 103 หลายเดือนก่อน
Eliminar Registros con Sequelize
Actualizar Registros con Sequelize
มุมมอง 173 หลายเดือนก่อน
Actualizar Registros con Sequelize
Leer Registros con Sequelize
มุมมอง 93 หลายเดือนก่อน
Leer Registros con Sequelize
Crear Registros con Sequelize
มุมมอง 313 หลายเดือนก่อน
Crear Registros con Sequelize
Creación de un Modelo con Sequelize
มุมมอง 773 หลายเดือนก่อน
Creación de un Modelo con Sequelize
Conexion a la Base de Datos
มุมมอง 563 หลายเดือนก่อน
Conexion a la Base de Datos
Visualización de Datos con Power BI
มุมมอง 373 หลายเดือนก่อน
Visualización de Datos con Power BI
Uso de Consultas de Auto Join en SQL
มุมมอง 143 หลายเดือนก่อน
Uso de Consultas de Auto Join en SQL
Uso de Subconsultas en SQL
มุมมอง 143 หลายเดือนก่อน
Uso de Subconsultas en SQL
Uso de la Cláusula HAVING en SQL
มุมมอง 93 หลายเดือนก่อน
Uso de la Cláusula HAVING en SQL
Uso de GROUP BY en SQL
มุมมอง 53 หลายเดือนก่อน
Uso de GROUP BY en SQL

ความคิดเห็น

  • @butrus01
    @butrus01 2 วันที่ผ่านมา

    Claro, directo y conciso. Gracias a tu aporte me ayudo muchisimo. Fuerte abrazo !!!!

  • @gabrieldiaz6962
    @gabrieldiaz6962 หลายเดือนก่อน

    Hola maestro!, una pregunta, cuando ejecuto mi backend en local y mediante postman creo registros, me sale todo Ok, y esos registros aparecen en mi base de Mongo, pero tratando de subirlo a Render me sale un error de conexion a la base de datos (Error de conexión a la base de datos: MongoServerSelectionError: C00CDD2157700000:error:0A000438:SSL routines:ssl3_read_bytes:tlsv1 alert internal error:../deps/openssl/openssl/ssl/record/rec_layer_s3.c:1605:SSL alert number 80), no entiendo porque si se supone que funciona :c

  • @marcoslopez2567
    @marcoslopez2567 2 หลายเดือนก่อน

    Buenisimo! Consulta, que extensión te muestra el resultado de la ejecución?

  • @LucasIvanParodi
    @LucasIvanParodi 3 หลายเดือนก่อน

    2:03:36 Ya lo tengo Patentado ;) jaja

  • @medfiksa
    @medfiksa 3 หลายเดือนก่อน

    paliNdromo

  • @miguelangelmendez2089
    @miguelangelmendez2089 3 หลายเดือนก่อน

    Muy interesante 👍

  • @miguelangelmendez2089
    @miguelangelmendez2089 3 หลายเดือนก่อน

    Interesante me gusta la informatica

  • @Naimadmdp
    @Naimadmdp 3 หลายเดือนก่อน

    Nuevo subscriptor! Gracias por compartir tu conocimiento.

  • @NicoSena
    @NicoSena 3 หลายเดือนก่อน

    1:00:00 -> Aca hay un ejemplo de uso de Typeof muy util que me salio: ´´´ const nombre = 'Rogelio'; const edad = 55; function coso (){ console.log('soy un coso'); } const algo = { unacosa: 'pedro', idcosa: 8 } let simbolo = Symbol("1sd/6"); //uso de typeof console.log(typeof(nombre)); console.log(typeof(edad)); console.log(typeof(coso)); console.log(typeof(algo)); if(typeof(edad) === 'number'){ console.log('edad es un numero'); } if(typeof(algo) === 'object'){ console.log(algo.idcosa); console.log(algo.unacosa); } if(typeof(coso) === 'function'){ coso(); } // ```

  • @paulougartemendoza2154
    @paulougartemendoza2154 4 หลายเดือนก่อน

    buen video, muchas gracias

  • @ezequielmosqueda5556
    @ezequielmosqueda5556 4 หลายเดือนก่อน

    Buenisima la clase profe como siempre

  • @dantetripodi1093
    @dantetripodi1093 4 หลายเดือนก่อน

    Buenas alguno tiene link para unirse al classroom ese

  • @Arcano.d5587
    @Arcano.d5587 4 หลายเดือนก่อน

    Muy buena la clase. Gracias profe.