CRUD ReactJS y Spring Boot API REST parte 1 | 4SoftwareDevelopers

Подписаться 16 тыс.

Просмотров 37 тыс.

50% 1

------------------------------------------------Ebook 4SD--------------------------------------------
Ebook Java, El cambio es la única constante 👇
👉 Sitio web 4SoftwareDevelopers (PDF + REGALO):
bit.ly/ebookJava4SD
------------------------------------------------Ebook 4SD--------------------------------------------
------------------------------------------Vídeos relacionados-----------------------------------
Repo en GitHub: bit.ly/react-crud-app
Una plantilla genial para ReactJS: • Sigma una plantilla fu...
CRUD Spring Boot, Thymeleaf y Bootstrap 4: • Spring Framework en Es...
CRUD Api REST Spring Boot: • Spring Framework en Es...
------------------------------------------Vídeos relacionados-----------------------------------
Suscríbete al Canal : goo.gl/v2Oej4
Facebook : goo.gl/xhoMZM
Twitter: goo.gl/YhHtCL
Instagram: bit.ly/2CK67lo
ReactJS es una poderosa librería de JavaScript que te facilitará la vida al momento de construir aplicaciones web de una sola página, por eso decidimos hacer una aplicación CRUD que te permitirá empezar a trabajar con esta librería además de esto podrás usar PrimeReact y consumiremos un API Rest construida en Spring Boot.
#reactjs #primereact #springboot

Наука

Опубликовано:

25 дек 2019

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 51

@carlosandrespachecofuentes7117 9 месяцев назад

Cuando se quiere eliminar un registro de la DB, es erróneo tener un método que responda por el verbo HTTP Get debería ser Delete (DeleteMapping) igualmente no debería responder nada, debería ser un Void y menos con un Code Status 200 sino con un 204 (Not Content)

@cristiansantander9778 4 месяца назад

Excelente video, alguna actualizacion con los cambios actuales de react y nuevas dependencias seria genial. Saludos

@iliastellaarango3716 4 года назад

Excelente video, muchas gracias por compartir tus conocimientos

@4SoftwareDevelopers 4 года назад

Hola Ilia, nos alegra saber que te gustó el vídeo saludos 😉

@josearmandobautistagonzale3738 4 года назад

Muy buen tutorial , de a patadas aprendiendo spring boot migrando de php , confuso pero este tutorial me ayudo bastante muchas gracias #4softwareDevelopers

@4SoftwareDevelopers 4 года назад

Hola Armando, felicitaciones por animarte a trabajar con Spring y gracias por ver nuestros vídeos, saludos 😉, sigue así.

@miguelangellopezjasso3787 3 года назад

muy buen contenido y explicación. Sigan así...

@4SoftwareDevelopers 3 года назад

Hola Miguel Ángel, muchas gracias por felicitaron nos alegra saber que te gusta nuestro contenido, saludos 😉

@HECTOR-nh3nh 4 года назад

Justo lo que estaba buscando Gracias!

@4SoftwareDevelopers 4 года назад

Hola Héctor, nos alegra que el vídeo es útil para ti, saludos 😉

@vcordero2010 4 года назад

Muy bien explicado, sin tanta habladera, lo suficiente para ponerlo en práctica con otro proyecto. Saludos y gracias por compartir tus conocimientos.

@4SoftwareDevelopers 4 года назад

Nos alegra saber que nuestro contenido es de tu agrado, gracias Manuel, saludos 😉

@melinamontero9147 2 года назад

gracias me salia ese error y no sabia como resolver

@CHXAJK 3 года назад

señor usted me salvo la vida, es el mejor tutorial de desarrollo web que he visto en mis 5 años de carrera universitaria se da like y se suscribe

@eljapi9346 3 года назад

señor soy el encargo de backend de torres, nos salvo la vida, muchas gracias

@4SoftwareDevelopers 3 года назад

Muchas gracias a ustedes por hacer parte de esta comunidad 😁

@DPM-TI--MatheusAnalistadesiste 2 года назад

mucho bien sensacional

@sergioromero6646 4 года назад

Excelente video sigue así 😉👍🏽 podrías hacer un tutorial con React-Redux-nextjs

@4SoftwareDevelopers 4 года назад

Hola Sergio, nos alegra saber que te gustó el vídeo es una excelente idea, la tendremos muy en cuenta tu sugerencia de vídeo, saludos 😉

@franmesonero9592 2 года назад

increíble, mi pana

@nestorrojas07 4 года назад

muy bueno

@Softrough1989 4 года назад

Hola, muy bueno el video. Te hago una consulta, para el despliegue de la aplicación entonces tendría que instalar el servidor de base de datos, el servidor tomcat que corre spring, y el npm que corre react en el puerto 3000. Tendria 3 servidores en paralelo? Y que deberían instalarse por separado? En cuanto a rendimiento crees que es recomendable? Gracias

@4SoftwareDevelopers 4 года назад

Hola Sofy, realmente solo necesitas la BD y un apache para la aplicación que se crea con React, no necesitas ni npm ni Tomcat, usamos Spring Boot y Tomcat ya viene embebido, El dimensionamiento del servidor es una tarea que depende de la concurrencia del sistema, de el volumen de datos entre otros aspectos, eso ya depende del proyecto que tengas creado. Esperamos haberte podido ayudar, saludos 😉

@MauricioProgressive Год назад

hola muy buen video!! tengo una duda respecto a como hacer para Hostear un proyecto de este tipo... mas que nada por el backend con Spring Boot, como estaria ejecutandose todo el tiempo cuando se hostea?

@4SoftwareDevelopers Год назад

Hola, puedes usar un VPS para hostearlo o en AWS también, saludos.

@4SoftwareDevelopers 3 года назад

👨🏻‍💻 Te dejo las otras parte de este tutorial aquí 👇🏻 Parte 2️⃣: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Ih1EmzPQJcs.html Parte 3️⃣: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3M-RNA6US1o.html

@SaysAnX 2 года назад

como hago que el "localhost:3000" lo vean otras personas que quieran consumir mi servicio?, según con ngrok pero eso cambia el link a cada rato

@4SoftwareDevelopers 2 года назад

Hola, en ese caso debes hacerte con un hosting o VPS compilar los archivos y ahí los puedes publicar.

@oscarfranciscoolivamonterr8569 3 года назад

Pregunta, utilizar PrimeReact es como si estuvieramos usando Bootstrap? En su defecto podría utilizar Bootstrap en lugar de Prime?

@4SoftwareDevelopers 3 года назад

Si, correcto puedes usar bootstrap sin problemas

@andreahuarhuachiortega9667 Год назад

Buen video

@4SoftwareDevelopers Год назад

Gracias Andrea!

@damv1992 2 года назад

En caso de usar el componente Calendar, cómo recupero de la base de datos y lo muestro en dicho componente. Ya que con el método de este ejercicio no muestra nada

@4SoftwareDevelopers 2 года назад

Hola, debes asignar el valor de acuerdo al formato de fecha con el que hayas configurado el componente, puedes revisar la documenta de PrimeReact para que te sea más fácil el proceso, saludos.

@eduardoduran610 3 года назад

puedo enlazar una aplicacion web que hice en java sin spring boot a react?

@4SoftwareDevelopers 3 года назад

Hola Eduardo, claro que sí, siempre y cuando sea un API rest puedes hacerlo sin problemas.

@oscarrios4280 Год назад

Hola ! no encuentro la API desarrollada con spring boot. se puede descargar desde algun lado? en el repo solo se encuentra el proyecto inicial de react js, pero no encontre por ningun lado la API.

@4SoftwareDevelopers Год назад

Hola, el API está en este link github.com/4SoftwareDevelopers/demo-crud-spring-boot

@diabloades 3 года назад

El proyecto ya no está bien subido? No aparecen las diferentes clases que muestras en el video. Me lo podrias pasar? Gracias de antemano

@4SoftwareDevelopers 3 года назад

Hola, en nuestro GitHub están ambos uno se llama react-crud-app y el otro demo-crud, saludos 😉

@diabloades 3 года назад

@@4SoftwareDevelopers Gracias!

@porman36 Год назад

Me encanta un delete en un get

@4SoftwareDevelopers Год назад

Tampoco es obligatorio ponerlo en un DELETE

@luisportilla6407 4 года назад

El repository en Github, ya no funciona.

@4SoftwareDevelopers 4 года назад

Hola Luis, acabamos de revisar y el repositorio aún está disponible, puede que sea un problema de RU-vid al redireccionar a la URL puedes buscarnos como 4SoftwareDevelopers en GitHub, el repositorio se llama react-crud-app

@mayronsalazar1067 3 года назад

Por si presentan este error: ./node_modules/primereact/components/transition/CSSTransition.js Module not found: Can't resolve 'react-transition-group' in ...... Entonces intenten instalar npm install react-transition-group

@GersonDev 2 года назад

yo use: npm install react-transition-group --save

@AlexVargas-rq7bl 4 года назад

Buenas, no paso del siguiente error: "WFLYCTL0080: Failed services" => {"jboss.deployment.unit.\"api-0.0.1-SNAPSHOT.war\".undertow-deployment" => "java.lang.RuntimeException: org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean with name 'flujoServiceImpl': Unsatisfied dependency expressed through field 'flujoDao'; nested exception is org.springframework.beans.factory.NoSuchBeanDefinitionException: No qualifying bean of type 'frontoffice.orp.api.dao.FlujoDao' available: expected at least 1 bean which qualifies as autowire candidate. Dependency annotations: {@org.springframework.beans.factory.annotation.Autowired(required=true)} Ayudaaaaa

@4SoftwareDevelopers 4 года назад

Hola Álex, parece que te falta la anotación @Autowired sobre el FlujoDao en la clase FlujoServiceImpl

@perezmalcagiancarlos1434 2 года назад

Al que le bota error de 'primereact/resources/themes/nova-light/theme.css' , solo cambiarlo por 'primereact/resources/themes/nova/theme.css' .... De nada :)

@4SoftwareDevelopers 2 года назад

Excelente aporte, saludos 😉