Building Full-Stack Apps with React and Spring

Learn how to build a full-stack app by pairing React, the popular JavaScript library for front-end development, with Spring, the full-featured back-end framework.

Introduction

• Create your own mighty full-stack app
• What you should know

1. Initial Setup

• Introduction to Spring
• Introduction to React
• Overview of the full-stack and MVC
• IDE for a Java/JavaScript environment
• Introduction to Postman
• Initialize a project with Spring Boot
• Initialize the React client project

2. Spring Models

• Data options and JPA
• Define first model class
• JPA repository
• Define example data

3. HTTP with Spring

• Finalize base server
• POST endpoint
• GET endpoint
• GET ID endpoint
• PUT endpoint
• DELETE endpoint

4. Basic Frontend with React

• Create contact listing component
• Add materialize to the project
• Finalize list of contacts component
• Create and structure your components
• Connect the add contact form to server
• Add server controller for CORS
• Finalize server controller for CORS

Conclusion

• Context and state
• Next steps