minimal-react | How to create a minimal React.js project | Frontend Framework library

I'm just getting set up with a really simple React + Webpack 4 + Babel 7 following this great guide here - https://www.robinwieruch.de/minimal-react-webpack-babel-setup/

I've got things running on my local host and created my first custom "hello world" style jsx component which is great!

Then I've tried to create a really simple clickHandler

I'm setting up a really simple React / Webpack / Babel project following this great guide here - https://www.robinwieruch.de/minimal-react-webpack-babel-setup/

I'm off the ground with this in my index.js

I'd like to get the JSON from a form I created using Reactstrap in order to be able to post it against my backend.

I've found this example. I want to use Reactstrap so I wasn't able to put an onSubmit={this.handleSubmit} onto the Form component. This is why I thought of replacing the Form component with a classic form tag but the FormData stays empty.

Here is my code for this.

I appreciate every advice.

Greetings

I tried to set up a minimal project which utilises the newest versions of Webpack, React, Babel and React Hot Loader. I have the same issue as described here. However the only difference is that I am using (beside solely the stuff mentioned above) babel-preset-env instead of babel-preset-es2015, thus the fix does not apply for me.

In short: Everything works, React Hot Loader detects changes but the components are not rerendered and the changes are not applied to the website.

You can find the complete project here. (yarn install/yarn start should get it started) You can reproduce the behaviour by changing the testString in /components/App.js and saving the file.

What am I doing wrong?

webpack.config.js

I'm trying to create a minimal Spring Boot application that allows me to use ReactJS on the frontend.

What I want to achieve

When I run the Spring Boot application, it should display a page with a React component inside it.

Structure of the project

You can find the source code here.

• Spring Boot application class

• Controller class

• Main HTML page

• React Code

What I get

When I

1. run mvn cleanmvn clean spring-boot:run` and
2. navigate to http://localhost:8080,

I get the 404 error (see below).

How can I fix it?

Notes:

1. I copied the approach from the tutorial React.js and Spring Data REST.
2. Don't tell me to get rid of Kotlin, it's very unlikely that it's Kotlin that causes the problem.

Update 1 (07.08.2017 22:17 MSK):

The output of mvn clean spring-boot:run can be found here.

Update 2 (07.08.2017 22:44 MSK):

Changing RestController to Controller in MyApp class and moving the main method inside it didn't help.

Currently, the MyApp class looks like this: