mogikanen9 / spring-boot-reactjs-demo-app

Demo Web UI application with Spring Boot backend and React.js front-end

spring-boot-reactjs-demo-app

Description

Demo Web UI application with Spring Boot backend and React.js front-end.

Initially based on Pivotal's 'React.js and Spring Data REST' tutorial.

Details

Technology stack

• Backend
  • Spring DATA REST
  • Spring Security
• Front-end
  • React-bootstrap UI library
  • Fetch API security details from React.js + Spring Security post and Fetch API - Sending cookies section
  • Redux for state management of book information
  • Redux-thunk to support async calls in middleware
  • React-bootstrap-table to display book information

Implementation

• Author functionality
  • React-bootstrap for UI
  • React component state for state management ("pure" React)
  • Fetch API for accessing REST API
  • Jest for Unit tests
• Book functionality
  • React-bootstrap-table and React-bootstrap for UI
  • Redux for state management
  • Redux-thunk middleware
  • Fetch API for accessing REST API

Build and run

• Build client by running npm run build inside "client" folder
• Build api by running gradlew clean build inside "api" folder
• Run full app (api + cleint) using gradlew bootRun --args='--demoClientAppPath=<path_to_local_repo>\\client\build' command.