So the challenge was, our List component should use a ListItem component to render each item. However, on another page, the same list should be rendered but using a different list item component. You might be thinking, why not just create 2 list components with 2 different list item components? The aim was to reduce duplication and the need to restyle pretty much identical components. Continue reading “Injecting React components into other React components” »
Javascript ES6 features
In order to learn some of the new features of ES6, I’ve created a git repo which a load of mocha test suites. The good thing about it is that you get a meaningful description of the feature as well as a little example of the code. The code isn’t transpiled so don’t try running it in netscape navigator or anything 😉
Here’s the link – ES6 Features
Any feedback welcome.
Preparing for the AWS Certified Developer exam
Here’s some stuff that might help anyone planning on doing the AWS certified developer exam. I’ve just done it and passed with a blistering 70%. It was harder than I thought it would be and the exam prep that I did, didn’t really prepare me for it… Continue reading “Preparing for the AWS Certified Developer exam” »
Generic error handler in ReactJs
A vital part of any application is error handling. In one of our recent ReactJs projects we approached this by creating a component that wouldn’t render anything to the screen but could keep track of changes to state and respond accordingly. Here’s how… Continue reading “Generic error handler in ReactJs” »
Salesforce Reporting API and NVD3
I’ve read a few posts about how to query Salesforce’s reporting API in order to generate charts. However, none of those explained how to set custom filters or groupings on that data. One of our clients required a chart making but not using the default groupings/filters that existed in the actual report. Here’s how it was done… Continue reading “Salesforce Reporting API and NVD3” »
AngularJS load bar for VisualForce remoting
While there are modules out there to automatically add loading bars using angular http interceptors, when using VisualForce remoting, the actual retrieval of data is deferred to visual force, effectively hiding the request. So, how do you show a loading bar when using this technology? Or how do you deal with multiple directives that all call remoting methods at the same time and are asynchronous? Here’s one way… Continue reading “AngularJS load bar for VisualForce remoting” »
Effectively working with AngularJS in and out of Salesforce
So we were creating an AngularJS app as the front-end for a Salesforce community. We used VisualForce remoting to get the data while in Salesforce. But we didn’t want to muck around having to constantly deploy assets into Salesforce during development. So, we came up with a pretty effective way of allowing front-end designers/dev’s to work outside of salesforce without having to modify the app when it was plugged into salesforce. Here’s how… Continue reading “Effectively working with AngularJS in and out of Salesforce” »
Salesforce chatter in AngularJS part 2
The previous post talked about our custom salesforce chatter component from the angular directive side of things. This bit talks about the service that actually interacts with the chatter rest service. Continue reading “Salesforce chatter in AngularJS part 2” »
Salesforce chatter in AngularJS part 1
The requirement was a single page application built using AngularJS that hooks into salesforce’s chatter API with the ability to upload files. Here’s how it was done… Continue reading “Salesforce chatter in AngularJS part 1” »
How to make flexible video carousels in Hubspot
Hubspot is a great platform to develop SEO-optimised websites and blogs. One of our clients (skeleton productions) needed a way to showcase their portfolio of corporate videos. Here’s how I implemented owl carousel to allow them to create and manage their own content without being hindered by the platform.
Continue reading “How to make flexible video carousels in Hubspot” »