OpenSource: react-appstore-button module

react-appstore-button version: 0.0.9 🎒 NPM URL: https://www.npmjs.com/package/react-appstore-button 🕶 Github URL: https://github.com/arkilis/react-AppStore-Button What is this? An React component which allows you to create an AppStore Download Button in a few seconds. This button: Using vector format, svg file , so don’t worry about the resolution Can specify your App Store button with customised url, width and
Read More »

Module in NodeJS and ES6

Modules are frequently used techniques which is an important part of decoupling and make the code more readable and organised. Module in NodeJS In NodeJS, keywords module, exports and required are exploited to create/import a module. Here are three ways of creating a module. Some examples: [gist https://gist.github.com/arkilis/78bc95a7c450f85c9b5e7ff8ca009424/] Module in ES6 In ES6, we can
Read More »

Iterator and Generator in ES6

Iterator and Generator are commonly used features in ES6. In this post, we will walk through the key features of iterator and generator in depth. Iterator In JavaScript, an object can be iterated due to it has an inner-built property/object: iterator (which objects?). So in order to let an ordinary object can be iterator, we
Read More »

Pass values using Props

Arguments passed to components are called props in React, which looks like HTML element attributes, such as src, width, etc. props can be accessed such as: this.props.autor Define props in Component Comment [gist https://gist.github.com/arkilis/90e8471639872662fab973b41af807b5/] Pass values to Component Comment using props [gist https://gist.github.com/arkilis/9e41b652d59b296d557fde6ee9506d20/] A full example on passing parameters values [gist https://gist.github.com/arkilis/7180ffebff893516edfda3c19224833f/] Notice: function such
Read More »

React Native Series – 0x01 Start a Simple Project

Create a new project react-native init AwesomeProject Start the project # Start in iOS cd AwesomeProject react-native run-ios # Start in Android cd AwesomeProject react-native run-android Note that you can also create a project with a specific react native version: react-native init Test2 --version 0.44.0 This is sometimes useful when you are targeting a specific
Read More »

React Native Series – 0x00 Setting up Environment

Install React Native Android Running Environment (MacOS): Step 1. Install the latest JDK from: Here Step 2. Use brew cask install android-sdk to install Android SDK Step 3. Add Android SDK to your environment by: export ANDROID_HOME=/usr/local/share/android-sdk Note: if you want to update the android sdk, use the sdkmanager --update Step 4. Open a new
Read More »

WeApp: Jandan

WeApp-jandan 微信小程序–煎蛋 1. 效果图 (Final Screenshot) 功能: 无聊图 段子 妹子图 (这个是必须的) 投票 Github 地址: https://github.com/arkilis/weapp-jandan 2. 声明 (Disclaim) 真机调试不可用,因为,煎蛋的服务器没有正确地配置SSL证书,见谅~~~~ 如果有朋友告知怎么绕过这个证书错误,请告知多谢,🤗 3. 作者 Contact Weclome to my blog: http://arkilis.me Twitter: https://twitter.com/arkilis Wechat: [wpecpp name=”LIKE” price=”1.99″ align=”center”]

Get and Set a state in React

The state is a JavaScript object that lives inside each of the component, We can aaccess it via this.state. Unlike JQuery and Backbone, DOM is manipulated indirectly in React, which means we don’t modify the DOM directly. Use Scenarios Button click Link click How to use state 1. Set the Component’s state in the constructor
Read More »

Web: Web Projects with previous work position

Two projects: Project 1: Internal Web System (AGRF Project Management) Project 2: Internal Web System (AGRF SNP) 1. Internal Web System (Project Management) About: Internal Use Online Project Management System, aim to help staff to manage projects Features: Track all company’s current project progress Assign tasks to specific staff members Email notifications on incoming projects Email notifications
Read More »