Posts

Showing posts with the label Visual Studio Code

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 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...

Creating Blog for Google Blogger using Visual Studio Code, Markdown, and Syntax Highlighter

Image
Creating Blog for Google Blogger using Visual Studio, Markdown, and Syntax Highlighter Introduction Prequistics Reference Steps 1. Download markdown-it components 2. Add JS and CSS to google template 3. Result Summary Introduction I used StackEdit to convert a Markdown document to html and the format has some problem with recent template from Blogger. The steps I used were; 1. Create Markdown document from local computer using Visual Studio Code to store it to my Git Repository 2. Copy it to StackEdit to convert to HTML 3. Paste it to Blogger admin page. I wanted to simply to eliminate StackEdit process and tried to generate HTML document directly from Visual Studio Code, but had lots of problems. The problem was that No extension to generate proper HTML document. There is pandoc component, but not working well with Blogger Set up Highlighter cdn to Blogger template I wish this approach saves time to generate html document from Blogger Prequistics Nodejs: ...