The dynamic programmer

Adding a logo to ReactBootstrap NavBar.

This is very simple, but for whatever reason I struggle for a bit. So I’m posting it here in case somebody else finds it helpful.

I wanted to add an icon as the logo to the navigation bar while using ReactBootstrap

The examples on the ReactBootstrap site use a string as the brand attribute.

I took me a bit of trying different things until I decided to take a look at the code of the library.

After a quick look, the solution to this was obvious. The `brand` attribute is of type `React.PropTypes.node`

In other words you can do this.

  var icon = (
    <span class="logo">
      <a href="/">
        <img src="/awesome-logo.png" height="33" width="120" alt="text here" /></a>
    <Navbar brand={icon} toggleNavKey={0}>

Et voila! It works!

Not sure if this idiomatic React, so if you know of a better way, please leave a comment below.

The DevOps trap, we should all embrace DevOps.

DevOps and the benefits that spawn from it are undeniable, but I'm worry we (the industry) is pushing it in the wrong way.

Distro transports plug-ins.

I moved support for Redis into another module to exercise the transport plug-in API.

A complete overhaul and tones of improvements on Distro.

From added support to Redis as a transport to bug fixes and various improvements in the API and over all usage experience.

Calculating distance and speed with the GeoLocation API - PhoneGap (Part 9).

We will be making some changes on the application to calculate traveled distance and speed based on duration and the distance between to sets of coordinates.

Deleting files with PhoneGap (Part 8).

On our application we are uploading files to a server, we need to delete the files from the device once we are done..

Displaying current and max speed with PhoneGap and Ionic (Part 7).

I want to display the current and maximun speed of the current session on the home page.