ES6 Basics: Arrow Function Expression

ES6 introduced a new way to express function in our codes, arrow function. It is a more compact way of expressing function with some bits of difference with regular function. Before ES6, we can do something like this to make a function: In ES6 we can do the same thing with the following syntax: It…

Read More »

React Stateless Functional Component

When writing React application we need components to present the application elements. However, often times creating a complete component class might be an overkill for a simple representation, for example a simple button. We can use Stateless Functional Component to simplify how we create a dumb/stateless component Stateless component can only render props, this should…

Read More »

WordPress Child Theme

There are multitudes of WordPress theme in the wild. Sometimes we saw something we like. Most of them came with customization settings that can change how WordPress present things. Sometimes what we want can’t be customized easily through the settings. A child theme can be a way for us to customize the theme to our needs.

Read More »

Experimenting with Babel 7 in Webpack

I’ve been using Webpack for quite a while for my JavaScript tooling. For ES6 JavaScript codes to work in the browsers they need to be “translated” to ES5. This is because different browser versions have different supports for ES6. Therefore, if we want our ES6 codes to work on browser versions we target we need to compile then into ES5. Babel is a package for translating ES6 to ES5.

Read More »

WordPress Security: OWASP 2017 – A3 Sensitive Data Exposure

Confidential data can be intercepted in the middle of transport (between user and application server). This can be a great risk when associated with personal or financial data. WordPress internals has several mechanisms which mitigate this risk: Usage of Portable PHP Password Hashing Framework on users password Integrated permission system which controls private data access.…

Read More »