Use Spring Boot 3 to create powerful, complex, and secure backends for your applications
Leverage React to build slick, high-performance frontends
Get introduced to TypeScript, Vite, and React Query for React development
Description
If you’re an existing Java developer who wants to go full stack or pick up another frontend framework, this book is your concise introduction to React. In this three-part build-along, you’ll create a robust Spring Boot backend, a React frontend, and then deploy them together.
This new edition is updated to Spring Boot 3 and includes expanded content on security and testing. For the first time ever, it also covers React development with the in-demand TypeScript.
You’ll explore the elements that go into creating a REST API and testing, securing, and deploying your applications. You’ll learn about custom Hooks, third-party components, and MUI.
By the end of this book, you'll be able to build a full stack application using the latest tools and modern best practices.
Who is this book for?
This book is for Java developers who have basic familiarity with Spring Boot but don’t know where to start when it comes to building full stack applications. Basic knowledge of JavaScript and HTML will help you to follow along.
You'll also find this book useful if you're a frontend developer with knowledge of JavaScript basics and looking to learn full stack development, or a full stack developer experienced in other technology stacks looking to learn a new one.
What you will learn
Make fast and RESTful web services powered by Spring Data REST
Create and manage databases using ORM, JPA, Hibernate, and more
Explore the use of unit tests and JWTs with Spring Security
Employ React Hooks, props, states, and more to create your frontend
Harness the Material UI component library to customize your frontend
Use the fetch API, Axios, and React Query for networking
"Full Stack Development with Spring Boot 3 and React" takes you on an exciting journey through building Backend and Front end of a Software System using Spring Boot and React. It gives you excellent guidance on using actual framework for development. It has a very simplistic writing format to give you context, detailed explanation, sample requirements to build the System, Code for the requirement and testing the same.Some of the topics areUnderstanding Dependency Injection: This is such a critical concept used both in Spring Boot and React.Access Database using JPA in Spring Boot utilizing ORM or plain SQL Query.Securing your Backend API Layer, Handling errors/exceptions, Adding CORS filter and why it’s needed. Role based security and using OAuth2.Documenting API’s and Setup Swagger UI to make each of the API’s independently testable.Testing your Spring Boot API’s - Good explanation of basic concepts and a pointer for Further reading to learn more about Spring Boot and Mockito for Testing.Starting React with ES6 development. Tools like NodeJS, VS Code and extensions, Debugging. Intro to using Material UI (MUI) library components.Consuming Backend API’s using Axios framework with Promises, Async/Await and handling Race conditionsTesting React Component and Pages - Although not very detailed but good introduction to using Jest framework, React Testing library, ViTestSecuring and handling JWT OAuth2 in ReactDeploying Frontend React Component using Netlify (Free Tier)Few things which I feel could’ve helped if they were there.Gradle is used for Spring Boot development but there is no Build Tools alternatives - Maven vs GradleNPM is used for React but there is no Build Tools alternatives - Yarn vs NPMReact Developer Tools — Details on how to debug issues when calling backend API’s would be of great help since most of the time this is what is needed during development and testing.Every chapter has more info for Further reading on a particular topic if you need to deep dive which is very helpful in my view. With these pointers you can get a wider and deeper understanding of the topic if needed.Great work by the author Juha Hinkula for writing such a comprehensive and valuable book for Spring and React Ecosystem. This book truly elevates your Full Stack Development knowledge! 🙌
Amazon Verified review
A. ZubarevNov 12, 2023
5
I acquired some skills on Spring Boot 3 earlier and this time wanted to see how it can be done with React while doing Full Stack which I found in this book.I should say, I did not read the previous editions, but my thinking is that any subsequent book edition is a sign of success and an offering of not less than solid, battle tested material to learn, this book did disproof my belief.The Full Stack begins early on in the book and serves as the backbone of the subsequent app development which is exactly how I would write such a book or do a new project.Besides, I liked the tooling choices (it seems that Eclipse and VS Code are the top shelf today).The intro into React was an immersive gradual climb to delivering something of world class Web App. As an aside, I must say I have just seen too many "throw the reader into the water" styles of learning it before.In closing, this is a book to become a Web developer in a short time at your own pace for cheap.
Amazon Verified review
Violet KesterNov 13, 2023
5
Full Stack Development with Spring Boot 3 and React is a well structured introduction to full stack development with Spring Boot and React, suitable for both newcomers to Java and Spring Boot as well as experienced full stack developers exploring new technologies.The book is divided into three parts: backend development with Spring Boot, frontend development with React and TypeScript, and their integration.- Part one focuses on backend setup with Spring Boot and covers dependency injection, JPA for database interactions, creating a RESTful web service, and testing.- Part two covers frontend development with React with TypeScript, networking, REST API usage, and third-party components.- Part three focuses on integrating the React frontend with the Spring Boot backend and touches on implementing CRUD, styling with MUI, testing with Jest, as well as deployment with AWS, Netlify, and Docker containers.As a React enthusiast delving into full stack development with Java for the first time, this book has served a valuable guide and roadmap in my learning process. Hinkula's hands-on approach, practical examples, and concise explanations make it a superb resource for developers interested in getting up and running with Spring Boot and React.
Amazon Verified review
MrC0mm0nNov 21, 2023
5
The book has 20 chapters which can be completed in a months time to give you the skills to become a full stack developer or pick up another frontend framework. The book has 3 parts,- Part 1 covers Backend Programming with Spring Boot, starting with setting up the environment, touching on the salient features of the Spring eco-system, developing & testing REST APIs for the backend.- Part 2 covers Frontend Programming with React, starting with setting up the environment, touching on typescript and diving into React and building the UI using custom Hooks, 3rd party components and MUI. React apps are made out of components. The book covers how React components are JavaScript functions that return markup and help build scalable apps. The book covers the markup syntax used in React - JSX.- Part 3 covers Integrating the frontend with the backend, securing the frontend & backend, deploying the backend to AWS & frontend to Netlify, explores containerization options.
Amazon Verified review
DanJul 09, 2024
5
As a Software Engineering student I found this book very useful for improving my Gradle, Spring Boot, React, and Docker skills since these are technologies that I wish to use in my future careers. This book had very easy-to-follow instructions that I was able to complete successfully (although I had problems with the deployment chapter, but that was not the book's fault).
Juha Hinkula is a software development lecturer at Haaga-Helia University of Applied Sciences in Finland. He received an MSc degree in Computer Science from the University of Helsinki and he has over 17 years of industry experience in software development. Over the past few years, he has focused on modern full stack development. He is also a passionate mobile developer with Android-native technology, and also uses React Native.
A subscription provides you with full access to view all Packt and licnesed content online, this includes exclusive access to Early Access titles. Depending on the tier chosen you can also earn credits and discounts to use for owning content
How can I cancel my subscription?
To cancel your subscription with us simply go to the account page - found in the top right of the page or at https://subscription.packtpub.com/my-account/subscription - From here you will see the ‘cancel subscription’ button in the grey box with your subscription information in.
What are credits?
Credits can be earned from reading 40 section of any title within the payment cycle - a month starting from the day of subscription payment. You also earn a Credit every month if you subscribe to our annual or 18 month plans. Credits can be used to buy books DRM free, the same way that you would pay for a book. Your credits can be found in the subscription homepage - subscription.packtpub.com - clicking on ‘the my’ library dropdown and selecting ‘credits’.
What happens if an Early Access Course is cancelled?
Projects are rarely cancelled, but sometimes it's unavoidable. If an Early Access course is cancelled or excessively delayed, you can exchange your purchase for another course. For further details, please contact us here.
Where can I send feedback about an Early Access title?
If you have any feedback about the product you're reading, or Early Access in general, then please fill out a contact form here and we'll make sure the feedback gets to the right team.
Can I download the code files for Early Access titles?
We try to ensure that all books in Early Access have code available to use, download, and fork on GitHub. This helps us be more agile in the development of the book, and helps keep the often changing code base of new versions and new technologies as up to date as possible. Unfortunately, however, there will be rare cases when it is not possible for us to have downloadable code samples available until publication.
When we publish the book, the code files will also be available to download from the Packt website.
How accurate is the publication date?
The publication date is as accurate as we can be at any point in the project. Unfortunately, delays can happen. Often those delays are out of our control, such as changes to the technology code base or delays in the tech release. We do our best to give you an accurate estimate of the publication date at any given time, and as more chapters are delivered, the more accurate the delivery date will become.
How will I know when new chapters are ready?
We'll let you know every time there has been an update to a course that you've bought in Early Access. You'll get an email to let you know there has been a new chapter, or a change to a previous chapter. The new chapters are automatically added to your account, so you can also check back there any time you're ready and download or read them online.
I am a Packt subscriber, do I get Early Access?
Yes, all Early Access content is fully available through your subscription. You will need to have a paid for or active trial subscription in order to access all titles.
How is Early Access delivered?
Early Access is currently only available as a PDF or through our online reader. As we make changes or add new chapters, the files in your Packt account will be updated so you can download them again or view them online immediately.
How do I buy Early Access content?
Early Access is a way of us getting our content to you quicker, but the method of buying the Early Access course is still the same. Just find the course you want to buy, go through the check-out steps, and you’ll get a confirmation email from us with information and a link to the relevant Early Access courses.
What is Early Access?
Keeping up to date with the latest technology is difficult; new versions, new frameworks, new techniques. This feature gives you a head-start to our content, as it's being created. With Early Access you'll receive each chapter as it's written, and get regular updates throughout the product's development, as well as the final course as soon as it's ready.We created Early Access as a means of giving you the information you need, as soon as it's available. As we go through the process of developing a course, 99% of it can be ready but we can't publish until that last 1% falls in to place. Early Access helps to unlock the potential of our content early, to help you start your learning when you need it most. You not only get access to every chapter as it's delivered, edited, and updated, but you'll also get the finalized, DRM-free product to download in any format you want when it's published. As a member of Packt, you'll also be eligible for our exclusive offers, including a free course every day, and discounts on new and popular titles.