Using React in DataKernel projects

Introduction

In this example you can explore how to integrate React in DataKernel projects. You can find full example sources on GitHub.

Here we will consider using HttpServerLauncher and AsyncServlet to set up the server that processes the requests. See how DataKernel makes this process extremely simple.

Creating launcher

SimpleApplicationLauncher extends DataKernel HttpServerLauncher. HttpServerLauncher superclass takes care of setting up all the required configurations for the HTTP server:

public final class SimpleApplicationLauncher extends HttpServerLauncher {
	@Provides
	Executor executor() {
		return newSingleThreadExecutor();
	}

	@Provides
	AsyncServlet servlet(Executor executor) {
		return StaticServlet.ofClassPath(executor, "build")
				.withIndexHtml();
	}

	public static void main(String[] args) throws Exception {
		SimpleApplicationLauncher launcher = new SimpleApplicationLauncher();
		launcher.launch(args);
	}
}

First, we provide an executor for the AsyncServlet. Then, we provide an AsyncServlet to open the index.html of the provided path. Finally, we write down main() method to launch our app. Simple and efficient, isn’t it?

Provide AsyncServlet, which will open the index.html of the provided path.

Then write down main method, which will launch SimpleApplicationLauncher. And that’s it, no additional configurations are required.

Running the application

If you want to run the example, clone DataKernel and import it as a Maven project. Check out branch v3.1. Before running the example, build the project (Ctrl + F9 for IntelliJ IDEA).

Then, run the following command in datakernel -> examples -> tutorials -> react-integration -> front

$ npm i
$ npm run-script build

Open SimpleApplicationLauncher class and run its main() method. Then open your favourite browser and go to localhost:8080.