Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Hands-On Full Stack Development with Spring Boot 2 and React

You're reading from   Hands-On Full Stack Development with Spring Boot 2 and React Build modern and scalable full stack applications using Spring Framework 5 and React with Hooks

Arrow left icon
Product type Paperback
Published in May 2019
Publisher Packt
ISBN-13 9781838822361
Length 316 pages
Edition 2nd Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
Juha Hinkula Juha Hinkula
Author Profile Icon Juha Hinkula
Juha Hinkula
Arrow right icon
View More author details
Toc

Table of Contents (22) Chapters Close

Preface 1. Section 1: Backend Programming with Spring Boot FREE CHAPTER
2. Setting Up the Environment and Tools - Backend 3. Dependency Injection 4. Using JPA to Create and Access a Database 5. Creating a RESTful Web Service with Spring Boot 6. Securing and Testing Your Backend 7. Section 2: Frontend Programming with React
8. Setting Up the Environment and Tools - Frontend 9. Getting Started with React 10. Consuming the REST API with React 11. Useful Third-Party Components for React 12. Section 3: Full Stack Development
13. Setting Up the Frontend for Our Spring Boot RESTful Web Service 14. Adding CRUD Functionalities 15. Styling the Frontend with React Material-UI 16. Testing Your Frontend 17. Securing Your Application 18. Deploying Your Application 19. Best Practices 20. Assessments 21. Other Books You May Enjoy

Creating and running a React app

Now that we have Node.js and the code editor installed, we are ready to create our first React.js app. We are using Facebook's create-react-app command (https://github.com/facebook/create-react-app) for this. Here are the steps you need to follow in order to make your first app:

  1. Open PowerShell or the Command Prompt tool and type the following command:
npx create-react-app myapp

This command creates a React app named myapp. Npx is the npm package runner and, when you're using it, you don't have to install the package before running it:

  1. Once the app has been created, move it into your app folder:
cd myapp
  1. Then, we can run the app with the following command. This command runs the app in port 3000 and opens the app in a browser:
npm start
  1. Now, your app is running, and you should see the following page in your browser. The...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image