https://github.com/nonblocking/liferay-react-es2015-portlet
React Liferay Portlet with ES2015
https://github.com/nonblocking/liferay-react-es2015-portlet
Last synced: over 1 year ago
JSON representation
React Liferay Portlet with ES2015
- Host: GitHub
- URL: https://github.com/nonblocking/liferay-react-es2015-portlet
- Owner: nonblocking
- Created: 2016-08-19T09:52:53.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2020-02-18T14:48:00.000Z (over 6 years ago)
- Last Synced: 2024-10-05T22:04:17.831Z (almost 2 years ago)
- Language: JavaScript
- Size: 14.6 KB
- Stars: 6
- Watchers: 4
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
React Portlet Demo ES2015
=========================
A Liferay portlet that just list all users and shows how React and Spring Portlet MVC can be used to create single page HTML5 portlets.
The demonstrator consists of two parts:
1. A [Spring Portlet MVC](http://docs.spring.io/spring/docs/4.0.x/spring-framework-reference/html/portlet.html) backend that handles all AJAX requests as resource requests.
It leverages the [thymeleaf](http://www.thymeleaf.org/) HTML5 template engine to pass the resource URL and other parameters as JavaScript variables to the frontend.
2. An [React](https://facebook.github.io/react/) frontend that can also be run **standalone with node.js**, which can greatly accelerate the development.
## Build
### Prerequisites
* [Maven](https://maven.apache.org/) build tool (should come with your favorite IDE)
* [node.js](http://nodejs.org/) and [Gulp](http://gulpjs.com/) to build and run the HTML5/JavaScript code
* [SASS](http://sass-lang.com/) to compile the Sassy CSS into CSS
### Create the WAR file
Just run **mvn package** on the command line.
## Run
### On a Liferay 6.2 Portal
Drop the generated _liferay-react-portlet-*.war_ file in the_target_ directory into the *{liferay-home}/deploy* folder.
Alternatively execute on the command line: **mvn liferay:deploy -D\**
### Standalone
Run **npm install** and **gulp watch** in the root directory of the project. The webapp will be available on *localhost:9000*.