Build a Simple CRUD App with React and Spring Boot
Learn how to build a Simple CRUD App with React and Spring Boot. And secure it all with Auth0 by Okta.
Spring Boot Tutorial | Building Microservices | Complete guide From zero to deploy
☞ https://morioh.com/p/501d5d71e49c
JavaScript Basics Before You Learn React
☞ https://morioh.com/p/fb839c7da909
Build a Basic CRUD App with Laravel and Vue
☞ https://morioh.com/p/27254e9c10ec
Learn how to build a Simple CRUD App with React and Spring Boot. And secure it all with Auth0 by Okta.
React is one of the most popular JavaScript frameworks, and Spring Boot is wildly popular in the Java ecosystem. This screencast shows you how to use them in the same app and secure it all with Auth0 by Okta.
Table of Contents:
00:00 - Hello, developers
01:20 - Install prerequisites
01:48 - Create an API app with Spring Boot
02:49 - Add a JPA domain model
08:19 - Create a React UI with Create React App
09:59 - Call your Spring Boot API and display the results
11:10 - Build a React GroupList component
13:20 - Add a React GroupEdit component
15:49 - Add Authentication with Auth0
21:35 - Add Authentication with Okta
24:37 - Configure Spring Security for React and user identity
32:06 - Modify React to handle CSRF and be identity-aware
36:10 - Configure Maven to build and package React with Spring Boot
40:51 - Thanks for watching!
Blog post: https://morioh.com/p/1fc70de845b5
GitHub repo: https://github.com/oktadev/okta-spring-boot-react-crud-example
Demo script: https://github.com/oktadev/okta-spring-boot-react-crud-example/blob/main/demo.adoc
Questions: https://devforum.okta.com/t/use-react-and-spring-boot-to-build-a-simple-crud-app/21006
#React #SpringBoot #Morioh
PUBLICATION PERMISSIONS:
Original video was published with the Creative Commons Attribution license (reuse allowed).
Link: https://www.youtube.com/watch?v=B5tcZoNyqGI
Note: If you have any copyright issue with the content used in our channel or you find something that belongs to you, before you claim it to Youtube, SEND US A MESSAGE and the respective content will be DELETED right away. Thanks for understanding.
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
👕 Merchandise: https://www.moteefe.com/store/developer?cp=WP6JDT
🌎 Social Network for Developers: https://morioh.com/
📱 Twitter: https://twitter.com/moriohdotcom
Видео Build a Simple CRUD App with React and Spring Boot канала Code Geek
Spring Boot Tutorial | Building Microservices | Complete guide From zero to deploy
☞ https://morioh.com/p/501d5d71e49c
JavaScript Basics Before You Learn React
☞ https://morioh.com/p/fb839c7da909
Build a Basic CRUD App with Laravel and Vue
☞ https://morioh.com/p/27254e9c10ec
Learn how to build a Simple CRUD App with React and Spring Boot. And secure it all with Auth0 by Okta.
React is one of the most popular JavaScript frameworks, and Spring Boot is wildly popular in the Java ecosystem. This screencast shows you how to use them in the same app and secure it all with Auth0 by Okta.
Table of Contents:
00:00 - Hello, developers
01:20 - Install prerequisites
01:48 - Create an API app with Spring Boot
02:49 - Add a JPA domain model
08:19 - Create a React UI with Create React App
09:59 - Call your Spring Boot API and display the results
11:10 - Build a React GroupList component
13:20 - Add a React GroupEdit component
15:49 - Add Authentication with Auth0
21:35 - Add Authentication with Okta
24:37 - Configure Spring Security for React and user identity
32:06 - Modify React to handle CSRF and be identity-aware
36:10 - Configure Maven to build and package React with Spring Boot
40:51 - Thanks for watching!
Blog post: https://morioh.com/p/1fc70de845b5
GitHub repo: https://github.com/oktadev/okta-spring-boot-react-crud-example
Demo script: https://github.com/oktadev/okta-spring-boot-react-crud-example/blob/main/demo.adoc
Questions: https://devforum.okta.com/t/use-react-and-spring-boot-to-build-a-simple-crud-app/21006
#React #SpringBoot #Morioh
PUBLICATION PERMISSIONS:
Original video was published with the Creative Commons Attribution license (reuse allowed).
Link: https://www.youtube.com/watch?v=B5tcZoNyqGI
Note: If you have any copyright issue with the content used in our channel or you find something that belongs to you, before you claim it to Youtube, SEND US A MESSAGE and the respective content will be DELETED right away. Thanks for understanding.
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
👕 Merchandise: https://www.moteefe.com/store/developer?cp=WP6JDT
🌎 Social Network for Developers: https://morioh.com/
📱 Twitter: https://twitter.com/moriohdotcom
Видео Build a Simple CRUD App with React and Spring Boot канала Code Geek
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Rust for Python Developers](https://i.ytimg.com/vi/L2Tk9EYxbPE/default.jpg)
![React Authentication with Auth0](https://i.ytimg.com/vi/0b8qHQlc-hQ/default.jpg)
![ChatGPT for Data Analysts](https://i.ytimg.com/vi/nPMAJAQjIos/default.jpg)
![Create a CRUD App with Vue.js and Spring Boot](https://i.ytimg.com/vi/6CQkNv8wl8E/default.jpg)
![How to Call an Azure Function after a User Authenticates](https://i.ytimg.com/vi/VHMPO_WQwhQ/default.jpg)
![Full Stack App with React and Spring Boot](https://i.ytimg.com/vi/KqZ4aq9xihQ/default.jpg)
![Parse and Validate JWTs in Python with PyJWT](https://i.ytimg.com/vi/QJ8o1eTXR6I/default.jpg)
![How to Create a BMI Calculator in Python](https://i.ytimg.com/vi/JD_bVp1V1SI/default.jpg)
![Learn Figma for UX/UI Design](https://i.ytimg.com/vi/hWjET2RybUM/default.jpg)
![Resolving the C/C++ Dependency Management Blind Spot](https://i.ytimg.com/vi/7gn0dQQF928/default.jpg)
![Hello eBPF! Goodbye Sidecars?](https://i.ytimg.com/vi/nJfX75bhNl8/default.jpg)
![HPy: A Better C API for Python](https://i.ytimg.com/vi/HWcRrs71MLI/default.jpg)
![Working with Audio in Python](https://i.ytimg.com/vi/cTHO0j_rOyc/default.jpg)
![Top 8 Tips to Get More Value Out of gPRC](https://i.ytimg.com/vi/lG-qfgchYzM/default.jpg)
![Apache Hadoop Administration for Beginners - Full Course](https://i.ytimg.com/vi/VlNt-6y2aWY/default.jpg)
![Database Fundamentals Tutorial for Beginners](https://i.ytimg.com/vi/eIpJslYZZr4/default.jpg)
![Learn MongoDB for Beginners - Full Course](https://i.ytimg.com/vi/IcTvE8--szw/default.jpg)
![Learn PostgreSQL Database Administration (DBA) for Beginners - Full Course](https://i.ytimg.com/vi/eESMCA2O7TU/default.jpg)
![Linux Networking Tutorial for Beginners](https://i.ytimg.com/vi/61yMjSjgnVc/default.jpg)
![Getting Started with Azure Machine Learning](https://i.ytimg.com/vi/zAoG8wN4E2c/default.jpg)