IntroductionWordpress Hierarchy is very important for theme development in wordpress. Hierarchy determines what custom template to display during specific situations. For example we can have a custom category or a custom archive page if we want to. Here’s a hierarchy chart that shows the ranking of ...

IntroductionRecently I’ve been learning wordpress theme development, and I built my first wordpress site for my client. I want to share some of the wordpress plugins that I use. PluginsCustom Post Type UIProvides easy interface to register and manage custom post type. I use this to create a custom p ...

BackgroundPeter Lynch is an American investor and manager of Magellan Fund between1 1977 to 1990. During his period he averaged an annual return of 29.2%. In his book is describe where he gets stock ideas from everyday life and common sense. For example if you are in the auto industry, you will hav ...

What is htaccessHtaccess is a file that config apache server. We can make our website more secure and faster. These facilities include basic redirect functionality, for instance if a 404 file not found error occurs, or for more advanced functions such as content password protection or image hot link ...

IntroductionReact-Router is a routing library for react js. This is important if you want to build single page application. The reason that you want routing to be on the frontend is mainly for user experience. It reduce the loading time because the web app has been initally loaded in the beginning. ...

IntroductionYou want to use dev tool because it’s great for debugging. It will track your state and action at all times. First, you want to install Chrome Redux Dev tool. Chrome Link SetupThen you want to setup your dev tool in your app. So we can view it only in develop mode not in production. Here ...

BackgroundFirst we must separate our react component into two different types, and they are container and components. Containers are components that interacts with redux. They handle the data and state management. Sometimes they are refer to as “smart component”. Components are sometimes refer to a ...

IntroductionRedux is a global state management object for your react app. It’s basic idea comes from the flux architecture. We Need to redux because as our react app gets bigger. It’s hard to manage our state. If two child component share the same state from parents. The child must pass the state ba ...

BackgroundI started learning React after I finished my freecodecamp FCC. It seems like the obvious choice for multiple reasons. It’s the biggest frontend framework. It has the most jobs available. It is backed by facebook, so it won’t go away any time soon. I soon realize to learn react, I must lea ...

IntroductionRecently I been ask to implement i18n into our company’s web app. The library we use is Vue-i18n. I’ll share with you how to implement this library with your app. Instructioni18n setup Install the package 1npm install vue-i18n --save Create lang folder to store your json file and Vue-i ...