How to be hip with JHipster & React By Deepu K Sasidharan 07-Feb-2018 

Deepu K Sasidharan Javascript Evangelist Co-lead Senior product developer Robotics & Astronomy enthusiast @deepu105 | deepu.js.org https://www.packtpub.com/application-development/full-sta ck-development-jhipster 

Agenda ● JHipster introduction ● Available options ● Status of React support in JHipster, compared to Angular ● Demo of application generated with React as client framework ● Client-side architecture using React and Redux ● Roadmap 

Why JHipster? ● Most popular application generation tool in the Java world ○ 9,300+ GitHub stars, 400+ contributors ○ More than 1 million installations, 50k+ per month ○ 200+ companies officially using it http://www.jhipster.tech/companies-using-jhipster/ ○ Won last year’s a Duke’s choice award for extreme innovation and a Jax Innovation Award ● Fully Open Source ● Built on Spring Boot + Angular or React ● Microservice support using the Netflix OSS libraries ● Powerful domain modeling using JDL Studio - https://start.jhipster.tech/jdl-studio/ 

How to JHipster? ● Using JHipster online - https://start.jhipster.tech ● Using the JHipster CLI - npm install -g generator-jhipster 

Options available - client-side 

Options available - server-side 

Options available - Cloud/CI/CD 

React support - status ● Base application generation ● Most of the admin screens including user management ● Security and Authentication ● Entity creation with simple relationships 

Demo time yarn global add generator-jhipster or npm i -g generator-jhipster mkdir myApp && cd myApp jhipster --experimental --experimental flag will not be required in v5 

React client side architecture ● Typescript ● Redux + react-redux + Axios + Promise middleware + redux-thunk ● React router v4 ● Bootstrap 4 + Reactstrap ● Lodash, MomentJS ● Tslint + tslint-eslint + tslint-react ● Karma + Mocha + Chai + Enzyme for unit tests ● Protractor + Mocha + Chai for e2e tests ● Sass support ● Custom i18n support with react-jhipster library ● Webpack setup close to our Angular setup ● Prettier 

Roadmap for v5 Full React support Official blueprint support Spring Boot 2 Reactive API support with Spring Webflux Java 9 AWS containers 

Thank you Docs - http://www.jhipster.tech/ Contribution are welcome - https://github.com/jhipster/generator-jhipster/blob/master/CONTRIBUTING.md React support tracker issue - https://github.com/jhipster/generator-jhipster/issues/6044 JHipster book - https://www.packtpub.com/application-development/full-stack-development-jhipster