Another perspective of some css-in-js solutions

Frontend dev, HTML/CSS, Javascript, React, , ,

This post is about my experiences working with a couple of different css-in-js solutions. I’ve been working for the past year or so on a project that opted for css modules. Its pretty good but a few little niggles have come up on a number of occasions that made me want to start looking at alternatives. So, I tried out emotion, and had a little poke around at glamorous and styled-components and how they work with styled-system. Here’s what I found… Continue reading “Another perspective of some css-in-js solutions” »

Injecting React components into other React components

How to's, Javascript, React

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

Javascript

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.

Salesforce Reporting API and NVD3

Frontend dev, How to's, Javascript, Salesforce, , , ,

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

Frontend dev, Javascript, Salesforce

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

Frontend dev, How to's, Javascript, 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” »