Posts

Showing posts with the label angular cli

Build React Native App (4) - Redux, Jest, and NativeBase

Image
From this blog, typescript feature will be added. There are couple of ways to implement static type checking like; flow from facebook, PropTypes and Typescript. Typescript is well integrated with Visual Studio Code and supports better linter, error messages, and intellisense. Reference site Github Sample Ex4 Currnet version D:\GitRepo\reactnative>npm --version 6.3.0 D:\GitRepo\reactnative>react-native --version react-native-cli: 2.0.1 react-native: n/a - not inside a React Native project directory D:\GitRepo\reactnative>yarn --version 1.9.4 Creating React Native App $ react-native init ex4 If you want to specify the version, add "--version 0.57.3" at the end. Add NativeBase to React Native $ npm install native-base --save ... + native-base@2.8.1 added 71 packages from 42 contributors, removed 50 packages, updated 829 packages and audited 34989 packages in 138.542s found 0 vulnerabilities $ $ yarn yarn install v1.9.4 warning package-lock.json found. You

Build Spring Boot and Angular Example(2) - Running Spring Boot and Angular from one package

Image
Introduction This will show how to run Angular 4 from SpringBoot tomcat server. Angular CLI uses Webpack technology and allows to bundle all Javascripts and CSS files into couple of files and this will make easy to run the application from Tomcat Server. Reference This blog YOUTUBE Video Build SpringBoot and Angular Application(1) - Setup Environment Build SpringBoot and Angular Application(1) - Setup Environment YOUTUBE Video SpringBoot Document for @RestController SpringBoot REST Example What is @RestContoller Annotation Below statement from the Spring Documentation. Creating REST Controllers with the @RestController annotation It’s a very common use case to have Controllers implement a REST API, thus serving only JSON, XML or custom MediaType content. For >>convenience, instead of annotating all your @RequestMapping methods with @ResponseBody, you can annotate your controller Class with >>@RestController. @RestController is a stereotype annotation th

Build SpringBoot and Angular Example(1) - Set up environment

Image
title: Build Spring Boot and Angular Example(1) - Set up environment tags: AngularJS 4 Angular Angular CLI Spring Boot Bootstrap Typescript date: Sep 9, 2017 Build SpringBoot and Angular Application(1) - Set up environment Introduction Lots of article explained how to build AngularJS or Spring Boot separately, but I couldn't find any good article how I can package these two components together and running from one package. The best way to do this is to separate back-end and front-end using REST api and packaging as one. Spring Boot has built-in components, so both front-end and back-end will be running from the Spring Boot Web components. Reference Youtube Link Angular CLI NodeJS Bootstrap 4 Development Environment For the Spring Boot app(Back End), STS IDE will be used. For the AngualarJS 2(Front End), following technologies will be used; Typescript Bootstrap 4 AngularJS 4 AngularJS CLI NodeJS Visual Studio Code There is another way to develop UI us