Posts

Showing posts from 2016

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

Developing Electron application with boilerpate, typescript, unit testing, bootstrap 4 and angularjs 2 (1)

title: Developing Electron application with boilerpate, typescript, unit testing, bootstrap 4 and angularjs 2 (1) tags: javascript angularjs electron gulp boilerplate date: Dec 29, 2016 Preparing development environment ###Prequistics install latest version of node.js (6.9.2 for me) git repository Python (Python >= v2.5.0 & < 3.0.0.): Used with version 2.7.2 ###Reference Agnular Electron bolierplate Merge multiple stream ##Set up Angualr 2 and Electron Please refer homepage from bolerplate site. Skipping the details Modified clone command to change "electron-bolerplate" folder to "app" git clone https://github.com/szwacz/electron-boilerplate.git project # I deleted .\project\.git folder to include the source code into my git repo cd project npm install npm start I had an error, "node-pre-gyp can't find module internal/fs" when I used with node.js version 7.2.1. Please use version 6 for this boilerplate. Adding Bootst

Replacing text in PDF file using iTextSharp

ReplacingTextUsingITextSharp title: Replacing text in PDF file using iTextSharp tags: - PDF - Replace Text - iTextSharp date: Nov 11, 2016 Overview I’ve trying to replace text in PDF file and this is most simple way to replace text in PDF files. Before approaching this, I’ve tried to replace text using command toolkit with pdftk, qpdf to decrypt, and sfk181 to replace string with new, but this approach faced couple of issues; 1. font, 2. text area size. After long investigation, this may be easy way to replace text. Put white colored rectangle on top of string and stamp text on the location like erase text using whitner and write on top of it. Tools Visual Studio 2013 C# iTextSharp Code using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using iTextSharp.text.pdf; using iTextSharp.text.pdf.parser; using iTextSharp.text; using System.IO; namespace EMTechnicalDieline { class Program {

Using GIT(Bitbucket), Visual Studio Code

Concept of Git Git has two repositories; local and remote. Two different commands type to commit the changes; 1. commit/add: load/save changes to the local repository. 2. push/pull/clone: load/save changes from/to remote repository. How to setup remote git server , bitbucket , with Visual Studio Code To use git, I downloaded it from [git-scm](“ https://git-scm.com/downloads “) and installed with bash mode to keep the comparability for different platform. Set up remote repository * Create project from bitbucket. In this case, I created “blogmarkdown”. Remember the URL for the git repository. To find out the repository, just add “.git” at the end of the URL from bitbucket. For me, it will be “ https://alexjoh@bitbucket.org/alexjoh/blogmarkdown.git ” Link the remote with local folder * Create local folder. In my case, I created d:\gitrepo Initialize git local repo. Change the folder to the gitrepo and run git init If there are existing files from a remote git re

Generating EAN 128 (GS1-128) barcode manually from any editor using EAN 128 font

Image
Generating EAN 128 (GS1-128) barcode manually from any editor using EAN 128 font * If you like my article, please click AD on this blog. This will help me to motivate to keep up the posting. * Reference IDAUTOMATION Font Download EAN 128 Explanation Check digit calculator for Itemcode Free EAN 128 font Prerequistic font from idautomation: IDAutomationSC128M.ttf. The font is located at “IDAutomation_C128FontAdvantageDEMO\IDAutomation_C128FontAdvantageDEMO\Human Readable Fonts\Set C” Generate barcode manually from Microsoft Word EAN 128 is comprised of following structure Start code FNC Code Application Identifier(AI) code Data Repeating 3 and 4 to put multiple information into one barcode Check digit with MOD103 (remainder divied by 103) Stop code If you look at the barcode per character, you will notice that 3 lines will be represent one letter or symbol except the stop code which is 4 lines. To understand E