Showing posts from September, 2017

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

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 siteGithub Sample Ex4Currnet versionD:\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. Your project contains l…

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

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. ReferenceThis blog YOUTUBE VideoBuild SpringBoot and Angular Application(1) - Setup EnvironmentBuild SpringBoot and Angular Application(1) - Setup Environment YOUTUBE VideoSpringBoot Document for @RestControllerSpringBoot REST ExampleWhat is @RestContoller AnnotationBelow 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 that combines @ResponseBody and…

Upgrade DCOS from 1.9 to 1.10

ReferenceDC/OS 1.10 ManualYoutube demonstrationInstallCheck current versionGo system->System Overview to see the versionPreparationCurrent bootstrap folder[dcosadmin@dcotest01 ~]$ ls ceph genconf dcos-genconf.0ce03387884523f026-58fd0833ce81b6244f.tar dcos-install.tar jq [dcosadmin@dcotest01 ~]$ Create new version folder and copy config.yaml and ip-detect[dcosadmin@dcotest01 ~]$ mkdir dcos1-10 [dcosadmin@dcotest01 ~]$ cd dcos1-10 [dcosadmin@dcotest01 dcos1-10]$ ls ../genconf/ cluster_packages.json config.yaml serve/ state/ config.upgrade.yaml ip-detect ssh_key [dcosadmin@dcotest01 dcos1-10]$ mkdir genconf [dcosadmin@dcotest01 dcos1-10]$ cd genconf [dcosadmin@dcotest01 genconf]$ cp ../../genconf/config.yaml . [dcosadmin@dcotest01 genconf]$ cp ../../genconf/ip-detect . [dcosadmin@dcotest01 genconf]$ ls config.yaml config.yaml [dcosadmin@dcotest01 genconf]$ …

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

title: Build Spring Boot and Angular Example(1) - Set up environment tags:AngularJS 4AngularAngular CLISpring BootBootstrapTypescript date: Sep 9, 2017Build SpringBoot and Angular Application(1) - Set up environmentIntroductionLots 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.ReferenceYoutube LinkAngular CLINodeJSBootstrap 4Development EnvironmentFor the Spring Boot app(Back End), STS IDE will be used.For the AngualarJS 2(Front End), following technologies will be used;TypescriptBootstrap 4AngularJS 4AngularJS CLINodeJSVisual Studio CodeThere is another way to develop UI using AngularJS material, but I am going to use Bootstrap…