And Clojure is actually easier After a few months writing I began writing again. As I was trying to write something ordinary, I had the following thoughts: Clojure Javascript “Is this variable ImmutableJS or Javascript?” “How do I map an object and get one back?” “If it’s Immutable, use <this function> with <this syntax>, otherwise use <a different version of the same function> with <different syntax and totally different behavior>.” “Can a React component’s state be an Immutable Map?” “Is lodash imported?” “ then <write code> then ?” fromJS .toJS() They seemed unnecessary. But I imagine I’ve thought them a million times before and didn’t notice because it was all I knew. I don’t think there’s a way to avoid this kind of thinking when writing Javascript using any combination of React, Redux, ImmutableJS, lodash, and functional programming libraries like lodash/fp and ramda. I need the following in my head at all times: APIs for lodash, Immutable, lodash/fp, ramda, and native JS or some combination mutable programming techniques when working with Javascript data structures immutable programming techniques for Immutable data structures immutable programming with mutable Javascript data structures when working with Redux or React If I manage to keep that in my head, I still run into a tangle of questions like the ones above. Immutable data, mutable data, and mutable-data-that-should-not-be-mutated are situational. So are function signatures and return values for commonly-used functions. There’s a different case in almost every line of code. I believe that’s intractable when using functional programming techniques in Javascript. Libraries like Redux and React require immutability by convention. So even if I’m not using ImmutableJS, I have to remember “don’t mutate here”. Immutable transformations in Javascript are more difficult than they need to be. I feel like the language is fighting me every step of the way. Compounding that, Javascript doesn’t have basic functions like Object.map. So like more than , I use lodash, which provides a lot of functions Javascript doesn’t have. Still, the API isn’t immutable-friendly. Some functions return new values, while others mutate the existing ones. Again, keeping things like this straight is unnecessary overhead. So is the fact that presumably, on top of Javascript, I need to know lodash, its function names, its signatures, its return values. And to top it off, its for functional programming. 43 million of us last month “collection first, arguments last” approach is not ideal If I use ramda or lodash/fp, that helps. It’s easy to compose functions and write clear and concise code. But I can’t use it with Immutable data structures. I will also probably have some code where the collection argument is last, and other times it’s the opposite. I have to know more function names, signatures, return values, and import more basic functions. When I use ImmutableJS in isolation, some things are easier. Map.set returns a brand new value. Everything returns a brand new value! This is what I want. Unfortunately, ImmutableJS complects things too. I inevitably have two different sets of data structures to work with. So I have to know whether is Immutable or Javascript. As a result of learning its API and its overall way of thinking, I can know how to solve a problem in 2 seconds using Immutable. When I’m working in native JS, I have to skip over that solution and solve the problem another way. Like ramda and lodash, I have a larger set of functions I need to know about — what they return, their signatures, their names . I also need to divide all the functions I know about into two categories: ones that work with Immutable, and ones that don’t. This tends to affect the way I solve problems too. I sometimes arrive at a solution automatically that uses curry and compose. But neither work with ImmutableJS. So I skip that solution and think of another. x After I figure all this out, I can attempt to write some code. Then I move to another file and do the same thing all over. Functional programming in Javascript. `Visualization of an antipattern. I’m going out on a limb and calling functional programming in Javascript an antipattern. It’s an attractive path that gives way to a maze. It seems to solve some problems but ends up creating more. More importantly, those problems appear to have no higher-level solution that can prevent me from having to deal with them over and over again. What are the long term costs of this? I don’t have exact figures, but I think it’s safe to say I could be more productive if I didn’t have to wonder things like “What function can I use here?” and “Should I mutate this variable?” They have nothing to do with the problem I’m trying to solve, or the feature I’m trying to implement. They are caused by the language itself. The only way I can find to avoid this is to not go down the path in the first place — don’t use ImmutableJS, immutable data structures, immutable data as a concept in Redux/React, or ramda, or lodash. Basically, write Javascript without functional programming techniques. That doesn’t seem like a good solution. If you identify or agree at all with what I’ve said (and if you don’t, that’s fine), then I think it’s worth 5 minutes, a day, or even a week to consider: What might be the long-term costs of staying on the Javascript path versus taking a different one? The different one, for me, is called Clojurescript. It’s a “compile-to-JS” language like ES6. By and large, it’s Javascript in a different syntax. It was designed from the ground up as a functional programming language that operates on immutable data structures. To me, it’s way easier and more promising than Javascript. What is Clojure/Clojurescript? Clojurescript is like Clojure except its host language is Javascript instead of Java. Their syntax is identical: If you learn Clojurescript, you learn Clojure and vice versa. This means if you know Clojurescript, you can write Javascript and Java. “3 Billion Devices Run Java”; I’m pretty sure the rest run Javascript. Like Javascript, Clojure and Clojurescript are dynamically typed. You can write full stack apps in 100 percent Clojurescript using Node for your server. Unlike with a language that compiles to Javascript alone, you have the option of writing a Java-based server that supports multithreading. As an average Javascript/Node developer, it hasn’t been difficult for me to learn the language or the ecosystem. What makes Clojurescript easier? Run whatever code you want inside your editor. This is exactly what it sounds like. You can type whatever code you’re trying to write in your editor, highlight it (or just put your cursor over it) and run it to see the result. You can define functions and call them with whatever arguments you want. You can do all of this while your app is running. So if you don’t know how something works, you can evaluate it in the REPL from your editor and see what’s going on. You can run any code in your editor with a keypress. Map, reduce, filter, etc. all work identically on arrays and objects. This is by design. We shouldn’t have to think about different functions for arrays vs. objects. Functions work on arrays and objects. map Every Clojurescript data structure is immutable. As a result, you never wonder whether something is immutable or not. You also never switch programming paradigms from mutable to immutable. You’re fully in immutable-land. Immutable data structures. Functions like map, filter, reduce, compose, and are part of the core language and don’t need to be imported. So you don’t end up with 4 different versions of, e.g. “map” (Array.map, lodash.map, ramda.map, Immutable.map) in your head. You only have to know one. Basic functions are part of the language itself. many others It can express ideas in fewer lines of code than most any other programming language (usually much fewer). It’s concise. Clojurescript is a functional programming language from the ground up — implicit return statements, functions are first class, lambda expressions, etc. Functional programming. You can use anything from Javascript and its ecosystem, from to npm libraries. Use anything you want from Javascript. console.log Clojurescript uses the Google Closure compiler to optimize the Javascript it outputs. Bundle sizes are comically small. It requires no configuration apart from setting optimizations to when bundling for production. Performance. :advanced It’s sometimes useful to know “What does this library function do?” When I use “goto definition” in Javascript, I usually end up seeing the minified or mangled source. Clojure and Clojurescript libraries show up the way they were written, so it’s easy to see how something works without leaving your editor, because you can just read the code. Readable library code. It’s hard to enumerate the benefits of this, as there are many. One thing I like is that it’s formulaic (there’s a pattern to it that I can always count on) and code is expressed in terms of the language’s data structures (which makes metaprogramming easy). Clojure differs from LISP because it is not 100% . It uses and for code and for data structures, just like most programming languages. It’s a LISP. () [] {} Clojurescript allows you to write code that writes code. This has vast implications that I won’t attempt to cover either. One is that you can effectively extend the language itself. Here’s an example from : Metaprogramming. Clojure for the Brave and True (defmacro infix  [infixed]  (list (second infixed) (first infixed) (last infixed))) (infix (1 + 1))=> 2 (macroexpand '(infix (1 + 1)))=> (+ 1 1) ; The macro passes this to Clojure. Clojure evaluates it no problem because it's native Clojure syntax Why isn’t it popular? If it’s so great, why hasn’t it taken off? Some would point out it has, just not as much as lodash, React, Redux and others. But if it’s better, shouldn’t Clojurescript be just as popular as those? Why haven’t JS devs who prefer functional programming, immutability and React migrated to Clojurescript? Clojure compiles to Javascript and Java. It can actually compile to C#, too. So any Javascript job could be a Clojurescript job. Or a Java or C# job. It’s a functional language for getting stuff done for any or all of those compile targets. And for whatever it’s worth, the 2017 StackOverflow survey found . Lack of job opportunities? Clojure developers are the highest paid of all languages on average worldwide No. As I’ve tried to show above, we do a ton of work. There’s a thing called you may have heard of. JS devs are lazy? Javascript fatigue No. . We’re resistant don’t want to learn something new? We’re notorious for adopting new technologies That perception may exist, but there are Clojurescript equivalents to everything in Javascript: is Redux, is React, is Webpack/hot reloading, is yarn/npm, Clojurescript is Underscore/Lodash. Lack of familiar frameworks and tooling? re-frame reagent figwheel leiningen This might not talked about enough either, but ourselves. Parinfer makes Clojure a whitespace language, basically. Too difficult to write because parentheses? we don’t have to match parenthesis and brackets Possibly. It’s new tech, like React and Redux once were, and those may’ve been a hard sell at some point, too. There’s no technical limit though — Clojurescript integrates into existing codebases the same way React does. You can add Clojurescript to an existing codebase, rewrite old code one file at a time, and continue to interact with the old code from the new. Too hard to use at work? Unfortunately, I think this is what it comes down to. I got into Javascript in part because it has a huge community. Clojurescript is smaller. I started using React in part because it was backed by Facebook. Clojure is backed by . Not popular enough? a guy with big hair who spends a lot of time thinking There’s safety in numbers. I buy that. But “popularity as veto” discards every other possible factor. Suppose one path leads to $100. It’s not popular. Another path leads to $10 It’s vastly popular. Would I choose the popular one? Well, maybe so! There’s a track record of success. It must be safer than the other way, because more people have chosen it. Nothing awful must have happened to them. The other way does sound better, but I’m sure it’s just a trap. If it was what it seemed, it would be the most popular.

Facebook

Google

YouTube

Read My Stories

Too Long; Didn't Read

In your car, at home, or at work — Bosch technology shapes many areas of life.

Functional programming in Javascript is an antipattern

Too Long; Didn't Read

Companies Mentioned

Alex Dixon

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

Functional programming in Javascript is an antipattern

Too Long; Didn't Read

Companies Mentioned

Alex Dixon

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

RELATED STORIES