Blog
Articles, guides, and notes on software engineering.
Learning Design Patterns with PHP - Adapter ~Modifying APIs~
Learn the Adapter pattern to reuse existing code without modification while adapting incompatible interfaces flexibly.
Recent Posts
Learning Design Patterns with PHP - Basics of Object-Oriented Programming
Master OOP fundamentals including inheritance, interfaces, traits, static properties, and methods for design pattern study.
Learning Design Patterns with PHP - Singleton: Limiting Instances
Understand the Singleton pattern to control instance creation, restrict access, and manage single object state in PHP.
Learning Design Patterns with PHP - Template Method ~Filling in the Blanks~
Discover the Template Method pattern to aggregate common processes in superclasses and abstract specific subclass implementations.
![Encountering '[BABEL] Note: The code generator has deoptimised the styling of' in React](/ogp/react-babel-code-generator-warning.png)
Encountering '[BABEL] Note: The code generator has deoptimised the styling of' in React
Fix Babel's code generator deoptimization warnings in React through strategic file size optimization and compression techniques.
SPA Boilerplate with React, react-redux, react-router, ES6, and webpack
Explore React SPA boilerplate architecture with Redux, React-router, webpack, and Babel for modern applications.
Creating a Follow Button with React
Build a follow button component in React with toggle states and hover functionality similar to social media platforms.
React＋marked＋highlight
Integrate React markdown editor with marked and highlight.js for syntax-highlighted code block rendering.
Implementing a Form with Multiple Inputs in React
Master implementing React forms with multiple controlled inputs using nested state object management patterns.
Considering Directory Structure for React+Redux
An exploration of how to structure directories when integrating React and Redux into an application. Based on the article A Better File Structure For React/Redux Applications, which I found while struggling with this, it organizes a feature-based approach to organizing files.
Articles Referenced for Building an SPA with React and Redux
Explore curated React Redux resources for SPA development, Redux middleware, and architectural patterns.
Implementing a Tag Feature with Suggestions Using React Tag Autocomplete
Implement tag autocomplete feature in React using React Tag Autocomplete library with API integration.
Encountering 'Uncaught (in promise) error' with redux-form Server-side Validation
Fix 'Uncaught (in promise) error' in redux-form server-side validation by returning promises and properly throwing SubmissionError.
Sakura VPS + CentOS7.3 + Ansible
Automate Sakura VPS initial setup with Ansible for user creation, SSH hardening, SELinux configuration, and security lockdown.
Scheduled Server Log Reports with Slack, hubot, cron (node-cron), shell, and logwatch
Automate Slack log reporting using hubot, node-cron, logwatch, and CoffeeScript for scheduled server monitoring and notifications.
Single Table Inheritance, Class Table Inheritance, and Concrete Class Inheritance
Explaining three patterns to represent object inheritance in databases: Single Table Inheritance, Class Table Inheritance, and Concrete Class Inheritance.
Vagrant+CentOS7.3+Ansible
Configure Vagrant with CentOS and Ansible provisioning using SSH connections and automated playbook deployment.
Setting Up a CentOS 6.7 Development Environment with Vagrant
Build a CentOS development environment with Vagrant, VirtualBox networking, and Apache configuration for local projects.
MySQL 'MySQL Daemon failed to start' on Vagrant
Fix MySQL daemon startup failures in Vagrant by adjusting innodb_log_file_size and InnoDB configuration settings.
Updated Vagrant from 1.7.4 to 1.9.1 and Encountered 'Bringing up interface eth2: Device eth2 does not seem to be present, delaying initialization.'
A story about the network interface (eth2) error I hit after updating Vagrant from an older version (1.7.4) to 1.9.1. It walks through the error around 70-persistent-net.rules and how I worked around it to get the VM networking working again.