Building Full-Stack Apps with React and Spring Apps

Building Full-Stack Apps with React and Spring Apps

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 1h 23m | 221 MB

Pairing a popular front-end framework with a full-featured back-end solution is a natural next step for developers who want to go “full stack”: building interfaces and the code that powers them. In this course, instructor Emmanuel Henri explains how to get a full-stack app up and running with React and Spring. He walks you through a complete sample project: a REST API with a form-based interface. Along the way, you can learn how to set up the project, define Spring models, create endpoints, and then build an interface from React components. Once you’ve completed the training, you can use the same techniques and technologies to build your own full-stack JavaScript and Spring applications.

Topics include:

  • Reviewing the platforms
  • Initializing the project
  • Defining the first model class
  • Setting up the JPA repository
  • Building the endpoints for the HTTP class controller
  • Creating the front-end components
  • Styling components
  • Connecting component to the server
  • Adding server controllers
Table of Contents

1 Create your own mighty full-stack app
2 What you should know
3 Introduction to Spring
4 Introduction to React
5 Overview of the full-stack and MVC
6 IDE for a Java JavaScript environment
7 Introduction to Postman
8 Initialize a project with Spring Boot
9 Data options and JPA
10 Define first model class
11 JPA repository
12 Define example data
13 Finalize base server
14 POST endpoint
15 GET endpoint
16 GET ID endpoint
17 PUT endpoint
18 DELETE endpoint
19 Create contact listing component
20 Add materialize to the project
21 Finalize list of contacts component
22 Create and structure your components
23 Connect the add contact form to server
24 Add server controller for CORS
25 Finalize server controller for CORS
26 Next steps