Being visually honest with F#

why F#’s pipes operator is so awesome

Yan Cui
HackerNoon.com
Published in
4 min readApr 13, 2017

--

In his “Seven Ineffective Coding Habits of Many Programmers” talk at Build Stuff 2014, Kevlin Henney described the lack of visual honesty in code such as these:

and on what visual honesty means, he presented a number of quotes from Daniel Higginbotham’s excellent Clean Up Your Mess website:

To answer the question “What is clean design?” most succinctly: a clean design is one that supports visual thinking so people can meet their information needs with a minimum of conscious effort

You convey information by the way you arrange a design’s elements in relation to each other. This information is understood immediately, if not consciously, by the people viewing your design…

This is great if the visual relationships are obvious and accurate, but if they’re not, your audience is going to get confused. They’ll have to examine your work carefully, going back and forth between the different parts to make sure they understand.

The quotes talk about laying out information so that their visual relationships are obvious and accurate.

So if you layout your method arguments in such a way that their visual relationships are not accurate and you do that purposefully, then you’re in fact being dishonest.

As I sat there, I finally understood why F# pipes are so awesome. I always knew it makes cleaner and more readable code, it’s intuitive, but I haven’t been able to find the words to explain why — the trouble with being able to understand something with minimum conscious effort is that your conscious mind can’t explain how it understood it.

Not anymore, now I finally understand it.

When we’re reading a piece of regular English text, we’re reading from left-to-right, then top-to-bottom. This convention controls the flow of information we receive as we read, so when we’re laying out information for people to consume, we lay them out in the order of left-to-right, then top-to-bottom.

But what about code?

When it comes to writing nested function calls, somehow this flow of information has been reversed!

With F#’s pipes (which has been adopted in both Elm and Elixir by the way), we have finally managed to restore some sanity and present sequence of function calls in a way that matches the way we consume any other textual information.

Visual honesty right before your eyes!

Links

Hacker Noon is how hackers start their afternoons. We’re a part of the @AMI family. We are now accepting submissions and happy to discuss advertising & sponsorship opportunities.

If you enjoyed this story, we recommend reading our latest tech stories and trending tech stories. Until next time, don’t take the realities of the world for granted!

--

--

Yan Cui
HackerNoon.com

AWS Serverless Hero. Follow me to learn practical tips and best practices for AWS and Serverless.