So today I decided to take on an adventure of updating my WordPress from an ancient 4.x to 5.x.
I did my due diligence of backing up and take a snapshot from DigitalOcean (my VPS service provider) and then started the risky process. The WordPress upgrade itself was relatively smooth with no issues. Little did I know that I was jumping into something more serious… Continue reading →
So how do you test React Apollo components with Enzyme? And perhaps more importantly how do you get access to the inner component wrapped by React Apollo as a higher-order component (HOC) to mock its functions and verify its behaviours? Continue reading →
For the final project of CS3216, our team decided to develop a web app A*genda that helps event organizers to build web-based agenda for their events.
A*genda – screenshot of PyCon SG 2016 public agenda, used by event participants
A*genda – screenshot of agenda builder interface, used by event organizers to create event agenda
This was an unfortunate timing (October 2016) for our team since Angular 2 just came out of beta, and Angular 1 is going to be the “legacy” framework soon. As a team that has no experience with other frameworks like React.js or vue.js, we were stuck between Angular 1 and Angular 2, and the final decision was latter. Continue reading →
This is a guide for setting up Font Awesome in Angular 2 with webpack.
Although this guide is written at the time of Angular 2, it should also work for Angular 4 and future versions of Angular, according to the official Angular branding guideline.
Font Awesome is a hugely popular package for icons. Back in the days, you could just include css and font files in index.html. However, with so many new technologies, it has become increasing hard to integrate 3rd party library into our web app project.
Of course we can still use a CDN to serve static resources, but that’s not helpful when we need to test locally. It also adds external dependency which we have no control over. Hence, we need an idiomatic way to use Font Awesome in Angular 2 with webpack. Continue reading →