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” »
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.
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” »
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” »
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” »
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” »
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” »
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” »
This post extends part 1 and talks about how to get all the already submitted reviews, display them, and enable rating and commenting functionality on them, all using knockout js. This includes using knockout templates, adding additional functions/observables to pre-mapped view models, extending knockout binding handlers, and implementing a ‘show more’ function to dynamically load another page of results. Continue reading “Umbraco, knockout js and forms part 2” »
This post is about how to implement Umbraco MVC forms with Unobtrusive bootstrap validation and use knockout js to perform data binding. It also covers adding additional functions and properties to mapped observables without having to add them to your c# view models.