What are the best Functional languages to learn for web-frontend development?

Question

13

Options
Considered

260

User
Recs.

Jul 7, 2021

Last
Updated

Here’s the Deal

The Best 1 of 12 OptionsWhy?

Best Functional languages to learn for web-frontend development	Price	Site	Price
91 Elm	-	http://elm-lang.org/	Open Source
-- Reason ML	-	-	Free, Open source
70 ClojureScript	Open Source	https://clojurescript.org/	Open Source
-- F#	-	-	-
-- Purescript	-	-	-

See Full List

11 Other Options Considered

Reason ML

Top Pro

Uses the excellent Bucklescript Ocaml to Javascript transpiler

Top Con

A standard async syntax is pending

Async syntax is not standard across native/js projects and in both cases a bit awkward for non-ocaml devs. Currently this is reasonml most voted issue in their GitHub repo so hopefully, there's news soon. See More

Specs

Price:Free, Open source

Version:3.6.0

Top Pro

Aims to make the transition from Javascript easier

Despite being a completely different language Javascript programmer will find that the syntax of ReasonML has many familiarities with Javascript. See More

Top Pro

Uses established compiler technology from Ocaml with a tweaked syntax that leans more towards Javascript

Top Pro

Superior type inference

Ocaml type inference is so smart that you never have to repeat yourself and keep code very clean, type errors also are very pleasant See More

Top Pro

Removes JavaScript "bad parts" but sticks to it's design philosophy

unlike other js-targetting languages that are thought as a way to have a language that pleases community X run in a browser, reason is really designed with JavaScript community in mind. it removes the bad parts but keeps its syntax and its best design principles (from Scheme): simplicity, minimalism, and functions as building block. See More

Top Pro

Immutability with escape hatches

reason includes true immutability, but it has escape hatches to let you use mutations in exceptional cases. See More

Top Pro

Compiles to JavaScript or assembly (ocaml)

The same reasonml code can compile to js (eg. run on browsers or node.js, use any lib in npm), or compile to assembly thru ocaml (unless of course you load js externals), running on any device, with C-comparable (or better) performance. See More

Top Pro

JSX syntax natively supoorted

reason was created by the creator of react, for developers already using JSX to template web or native UIs this results very familiar See More

See All

ClojureScript

Top Pro

Live interactive programming with figwheel

Figwheel builds your ClojureScript code and hot loads it into the browser as you are coding! Every time you save your ClojureScript source file, the changes are sent to the browser so that you can see the effects of modifying your code in real time. See More

Top Con

Syntax may seem cryptic to people not used to Lisp

Lisp is sometimes called "syntax-less" and this is bewildering to those steeped in Algol-type syntax (Java, Javascript, C, etc). Being a dialect of Lisp, ClojureScript's syntax may seem cryptic and hard to understand for people not used to it. While Lisp has very little syntax compared to other languages and it's generally considered pretty terse, there's still an initial overhead in learning the language. See More

Webdev Tory Anderson's Experience

Lisp has a little learning curve because it is so different -- but the syntax is so minimal and elegant that writing becomes sheer joy. Add to the fact that there is superb tooling around Clojurescript (especially Figwheel) and you have a true winner. For me, the most rewarding part of working with all flavors of Clojure is the way they evolve your programming skills (Lisp enlightenment). See More

Specs

Site:https://clojurescript.org/

Price:Open Source

Current stable version:1.9

GZipped size:32 kB

Top Pro

Simple syntax

Lispness makes ClojureScript trivial to comprehend after an initial learning overhead. See More

Top Pro

Easy to use existing JavaScript libraries

Clojure and ClojureScript are designed to be able to interact with their host. So the language by design makes it is easy to use existing JS libraries. See More

Top Pro

Targets Google Closure-ready JavaScript for immense optimizations

Google's Closure Library converts regular JavaScript into a highly optimized form - including dead code analysis/elimination. It can even remove pieces of unused code from 3rd party libraries (eg, if you import jQuery but only use one function, Google Closure includes only that piece). See More

Top Pro

Share application logic between browser and Clojure server

Clojure is also able to run web servers, so one can reap similar benefits to NodeJS in terms of sharing code between client and server. See More

Top Pro

Can be used with React out of the box

Top Pro

Excellent build tools

Both Leiningen and Boot are great build tools that manage code dependencies and deployment. See More

Top Pro

Excellent tools for web development

ClojureScript has superb wrappers around React.js (see Reagent) that make building single-page apps a breeze. With figwheel, it's a web dev experience unlike any other -- hotloaded code, repl interaction, and instantly reflected changes make good development fun and fast. You can add things like Garden to make CSS-writing part of the same holistic experience and suddenly all development is a pleasant, smooth process. See More

Top Pro

The Spec core library

From the creator of Clojure: Spec is a new core library (Clojure 1.9 and Clojurescript) to support data and function specifications in Clojure. Writing a spec should enable automatic: Validation, Error reporting, Destructuring, Instrumentation, Test-data generation and Generative test generation. See More

See All

F#

Top Pro

Easier transition from other paradigms

Since F# is not a purely functional language, it lends itself to being more easily picked up by programmers that have experience with other paradigms. See More

Top Con

.NET's garbage collection is slow

Specs

Current stable version:4.1

License:Apache 2.0

IDE Support:Visual Studio, Code, Rider

Top Pro

Natively supported by Visual Studio

This is a .Net language natively supported by Visual Studio. Though it is not as tooled up as C# the support is still substantial. In particular, C# deployment scenarios can be enabled for it with small C# wrapper projects. See More

Top Pro

Concise syntax

F#'s syntax tends to be terse while remaining very readable and easy to understand without being a chore to write. See More

Top Pro

Fable Javascript transpiler creates good readable javascript

Top Pro

Allows to use the same language for web-frontend and server backend

Top Pro

.NET Interoperability

Since F# runs on the Common Language Runtime or CLR, it has access to the entire .NET Framework, as well as libraries written in other .NET languages such as C#, VB.NET, and C++/CLI. See More

Top Pro

Multiplatform, it runs on .Net Core

Forget Xamarin and Mono. F# now runs on the multiplatform .Net Core! See More

Top Pro

Type Providers

Top Pro

Built-in REPL

Makes it easy to write scripts and explore the language. See More

Top Pro

Runs on the CLR

Since F# runs on the Common Language Runtime or CLR, it has access to the entire .NET Framework, as well as libraries written in other .NET languages such as C#, VB.NET, and C++/CLI. See More

Top Pro

F# is supported by Xamarin

Thanks to Xamarin, F# is a functional language that you can use to build for iOS, Android and Windows. See More

Top Pro

Fall into the pit of success

F# directs you into a workflow where the right way is the path of least resistance. Coming from a C# background, its restrictions might feel arbitrary at first (e.g., what do you mean my code has to be in dependency order!? Arbitrary alphabetical or bust!), but you'll soon realize that your code is cohesive, concise and consistent in a way that it never was before - and you can compile and run with confidence! See More

Top Pro

You can run F# in the browser

Thanks to a project like Fable, you can write and run your client app in F# and run it over JavaScript. It allows you to share code between your server and client. See More

Top Pro

Allows writing predictable code

Like many other functional languages, F# takes a stance of immutability for most of its constructs (state, values etc...). There are several reasons why having immutable values is good. One of those is that the code you are writing becomes much more predictable and you don't have to worry about any side effects. See More

See All

Purescript

Top Pro

High performance FFI code

The Eff monad, which is used for FFI code, optimizes out calls to bind, and supports tail call optimization, resulting in clean, efficient Javascript. The psc compiler also specifically recognizes the ST monad, and transforms scoped variables into mutable Javascript variables, for even more efficient code. See More

Top Con

Lots of dependencies needed to get started

Purescript is written in Haskell, but meant to be used with Node.js. As a result, to get started , users must install ghc, cabal, node.js, grunt, and bower. Purescript also has its own compiler, and different semantics form Haskell, and so even after installing, there's still some overhead to getting productive with Purescript. See More

Top Pro

Type safety

Compiling should be your first unit test. A tight type system (static and hopefully strong) will catch many logic errors that are often difficult to spot through debugging. In languages like PureScript, if it compiles, it often runs properly. See More

Top Con

Slow compilation

On large project, for example Halogen See More

Top Pro

Pure functional language

You cannot have side effects, unless a function is explicitly defined as so. See More

Top Pro

Higher kinded types

Has Typeclasses and RankNTypes See More

Top Pro

Modules can be compiled to CommonJS

Modules compiled to CommonJS can be included with 'require', making it incredibly simple to call Purescript code from Javascript. See More

Top Pro

Has row polymorphism and extensible effects

Top Pro

FFI

FFI system is quite good and easy to use. You can import functions curried or not curried. Records and arrays use native JS objects and arrays. See More

Top Pro

Awesome web frameworks

Thermite (React) Halogen (VDOM, similar to ELM) And hit these up with Signals, Isolated/(Managed?) Components, powerful functions and FFI See More

Top Pro

Thorough documentation

The Purescript website has fairly thorough documentation for all of the language's features, and the Purescript blog contains several examples of practical usage. See More

See All

Scala

Top Pro

Immutable values

The immutable values make it perfect for working with concurrency. See More

Top Con

Can be intimidating for beginners

Scala is an industrial language. It brings functional programming to the JVM, but not with a "start small and grow the language" perspective, but rather a very powerful language for professional programmers. See More

Specs

Site:scala-lang.org

Price:Open Source (Free)

Current stable version:2.13.1

Top Pro

Multiparadigm

Scala supports both Functional and Object Oriented styles of programming. Beginners can learn both paradigms without having to learn a new language, and experts can switch between the two according to what best suits their needs at the time. See More

Top Con

JavaScript runtime seems immature

By the time of writing this, Scala doesn't seem quite usable on front-end since Scala.js didn't yet reach a release version. See More

Top Pro

Type inference

Scala offers type inference, which, while giving the same safety as Java's type system, allows programmers to focus on the code itself, rather than on updating type annotations. See More

Top Pro

Expressive functional programming abstraction for reusable and safe code

Top Pro

Compiles to JavaScript

Since we are talking about web frontends and because of the popularity of single page applications, Scala also compiles to JavaScript (search for Scala-JS). See More

Top Pro

Compiles to JVM bytecode

Aside from Java itself, Scala is by far the most popular of the many JVM languages. If you're developing for Android, or a similar JVM-only platform, or otherwise need out-of-the-box cross-platform compatibility, but the performance of a compiled language, Scala is the way to go. See More

See All

OCaml

Top Pro

Supports multi-paradigm development

Ocaml is a very strong functional programming language but also supports some object oriented programmig technics See More

Top Con

Not very strong support for concurret / parallel development for the backend

This is in the moment meaningless for web frontend development. However it has relevance for the server backend development where concurrency is an advantage. Backends can definately be developed in Ocaml but lack of good concurrency support is a Con compared to other canguages. And as it is often adventurous to use the same language for frontend and backend, the impact needs to be considered. See More

Specs

Site:http://ocaml.org

Price:Open source (Free)

Current stable version:4.0.7

License:LGPL version 2.1

See All Specs

Top Pro

Encourages functional style

It steers you towards a functional style, but doesn't bother you with purity and "monads everywhere" like other languages, such as Haskell. See More

Top Con

Some small strange quirks in the syntax

It uses +. instead of + for floating point additions (and -. *. /. etc), which is easy to get used to, but it's not quite clear what it's supposed to be good for. See More

Top Pro

Uses one of the best transpilers

It comes with Bucklescript, which currently is one of the best Javascript transpilers. See More

Top Pro

Established technology

Top Pro

Strong editor integration

The merlin editor tool provides all you need to develop OCaml in your favourite editor. See More

Top Pro

One of the best for writing compilers

OCaml is compiled to native binary, so it's amazingly fast. Being a member of ML-family languages, it has expressive syntax for trees, and has great LLVM support. See More

Top Pro

Sophisticated and easy-to-use package manager

OPAM is a package manager for OCaml, which is really easy to use, just like npm. It creates a .opam folder in home directory. The documentation is great as well, and you can switch between multiple versions of OCaml for each project. You can also package your project and publish it on OPAM repositories, even if the dependencies do not exists on OPAM. See More

Top Pro

Easier transition from other programming languages

Ocaml supports functional but also object-oriented and procedural programming. See More

See All

Haskell

Top Pro

Terse

Haskell is a very terse language, particularly due to its type inference. This means there's nothing to distract from the intent of the code, making it very readable. This is in sharp contrast to languages like Java, where skimming code requires learning which details can be ignored. Haskell's terseness also lends itself to very clear inline examples in textbooks, and makes it a pleasure to read through code even on a cellphone screen. See More

Top Con

Steep learning curve

Haskell lends itself well to powerful abstractions - the result is that even basic, commonly used libraries, while easy to use, are implemened using a vocabularly that requires a lot of backround in abstract mathematics to understand. Even a concept as simple as "combine A and B" is often, both in code and in tutorials, described in terms of confusing and discouraging terms like "monad", "magma", "monoid", "groupoid", and "ring". This also occasionally bears its ugly head in the form of complicated error messages from type inference. See More

Specs

Site:https://www.haskell.org/

Paradigm:functional

Type System:static

Top Pro

Mathematical consistency

As Haskell lends itself exceedingly well to abstraction, and borrows heavily from the culture of pure mathematics, it means that a lot more code conforms to very high-level abstractions. You can expect code from vastly different libraries to follow the same rules, and to be incredibly self-consistent. It's not uncommon to find that a parser library works the same way as a string library, which works the same way as a window manager library. This often means that getting familiar and productive with new libraries is often much easier than in other languages. See More

Top Con

You have to learn more than just FP

Haskell is not only a functional language but also a lazy, and statically typed one. Not only that but it's almost necessary to learn about monads before you can do anything useful. See More

Top Pro

Highly transferable concepts

Haskell's referential transparency, consistency, mathematics-oriented culture, and heavy amount of abstraction encourage problem solving at a very high level, The fact that this is all built upon little other than function application means that not only is the thought process, but even concrete solutions are very transferable to any other language. In fact, in Haskell, it's quite common for a solution to simply be written as an interpreter that can then generate code in some other language. Many other languages employ language-specific features, or work around a lack of features with heavy-handed design patterns that discourage abstraction, meaning that a lot of what is learned, and a lot of code that is needed to solve a particular problem just isn't very applicable to any other language's ecosystem. See More

Top Con

Language Extensions lead to unfamiliar code

Haskell's language extensions, while making the language incredibly flexible for experienced users, makes a lot of code incredibly unfamiliar for beginners. Some pragmas, like NoMonomorphismRestriction, have effects that seem completely transparent in code, leading beginners to wonder why it's there. Others, like ViewPatterns, and particularly TemplateHaskell, create completely new syntax rules that render code incomprehensible to beginners expecting vanilla function application. See More

Top Pro

Referentially Transparent

Haskell's Purely Functional approach means that code is referentially transparent. This means that to read a function, one only needs to know its arguments. Code works the same way that expressions work in Algebra class. There's no need to read the whole source code to determine if there's some subtle reference to some mutable state, and no worries about someone writing a "getter" that also mutates the object it's called on. Functions are all directly testable in the REPL, and there's no need to remember to call methods in a certain order to properly initialize an object. No breakage of encapsulation, and no leaky abstractions. See More

Top Con

Symbols everywhere

Haskell allows users to define their own infix operators, even with their own precedence. The result is that some code is filled with foreign looking operators that are assumed to be special-case syntax. Even for programmers who know they're just functions, operators that change infix precedence can potentially break expectations of how an expression is evaluated, if not used with care. See More

Top Pro

Very few language constructs

The base language relies primarily on function application, with a very small amount of special-case syntax. Once you know the rules for function application, you know most of the language. See More

Top Con

Delayed Results

Haskell's static typing, while helpful when building a project, can be positively frustrating for beginners. Quick feedback for errors means delaying the dopamine hit of code actually running. While in some languages, a beginner's first experience may be their code printing "Hello World" and then crashing, in Haskell, similar code would more likely be met with an incomprehensible type error. See More

Top Pro

Quick Feedback

It's often said that, in Haskell, if it compiles, it works. This short feedback loop can speed up learning process, by making it clear exactly when and where mistakes are made. See More

Top Con

Lazily Evaluated

Haskell's lazy evaluation implies a level of indirection - you're not passing a value, you're passing a thunk. This is often difficult to grasp not just for beginners, but for experienced programmers coming from strictly evaluated languages. This also means that, since for many, strict evaluation is their first instinct, initial expectations of a function's performance and complexity are often broken. See More

Top Pro

Forces you to learn pure functional programming

It is pure and does not mix other programming paradigms into the language. This forces you to learn functional programming in its most pure form. This avoids you falling back on old habits and learn an entirely new way to program. See More

See All

Elixir

Top Pro

Great documentation

Elixir's documentation is very good. It covers everything and always helps solving any problem you may have. It's also always available from the terminal. See More

Specs

Site:https://elixir-lang.org

Price:Open source (Free)

Current stable version:1.11.2

GZipped size:3.61 MB (without required Erlang VM)

Top Pro

Great getting started tutorials

The tutorials are very clear and concise (even for a person not used to functional programming). Plus they are also very mobile friendly. See More

Top Pro

Scalability

Elixir programming is ideal for applications that have many users or are actively growing their audience. Elixir can easily cope with much traffic without extra costs for additional servers. More details can be found here. See More

Top Pro

Great for concurrency

Leverages the existing Erlang BEAM VM See More

Top Pro

Powerful metaprogramming

Write code that writes code with Elixir macros. Macros make metaprogramming possible and define the language itself. See More

Top Pro

Easy to download libraries

Comes with built in build tool called "mix". This will automatically download libraries and put them in the scope of the application when you add them to the "deps" function and run mix deps.get See More

Top Pro

Full access to Erlang functions

You can call Erlang functions directly without any overhead: https://elixir-lang.org/getting-started/erlang-libraries.html See More

Top Pro

Types don't get in the way

See All

JavaScript

Top Pro

Native support in browser

Top Con

No syntactic or standard library support for value semantics

Especially unfortunate for those writing in a functional/value-oriented style is that JavaScript objects are compared by reference when using === and when performing lookups in arrays, maps, and sets. See More

Specs

Engine:V8/ChakraCore

Author:Ryan Dahl/Joyent

Minimum Supported ECMAScript Version:ECMAScript 6 (Node v4.x-v10.x)

ECMAScript Modules:Available (as a flag) (only on Node 8.x-10.x)

See All Specs

Top Pro

Required for web development

If you are looking to create web projects, you will have to learn Javascript in order to develop the client side code. If you learn the foundations of programming in JavaScript you can reapply that education later in building web applications. See More

Top Con

Weird type coercions

'5' - 1 == 4, but '5' + 1 == 51. There are other examples that make even less sense. See More

Top Pro

No installation required

If you run a web browser you already have JavaScript installed and can get started right away. Modern browsers such as Chrome also have very powerful programming consoles built into them. Aside from the browser console, you can also use online Javascript playgrounds such as JS Bin and JS Fiddle. Even from a tablet. See More

Top Con

Asynchronous coding is not easy for beginners

JavaScript can work synchronously but its current use is mainly around asynchronous instructions, and it's surely not a good way to start learning programming. See More

Top Pro

Easy to build an application

By using the UI capabilities in HTML and CSS you can develop substantial applications with graphical interfaces more quickly and with less effort than in other languages which would require you to learn a windowing library. Building a useful application is one of the best ways to learn a new language and because of the low learning curve for creating applications you can create more substatial programs and learn more practical programming priciple faster. See More

Top Con

Does not teach you about data types

Since JavaScript is a weakly typed language, you don't have to learn about data types if you start using JavaScript as your first language. Data types being one of the most important concepts in programming. This will also cause trouble in the long run when you will have to (inevitably) learn and work with a strongly or statically typed language because you will be forced to learn the type system from scratch. See More

Top Pro

Runs on both the browser and the server

With Node.js, it is now possible to run JavaScript as a web server. This would allow you to be able to create server based applications sooner than would if you had to learn a separate programming language as well for server side code. As JavaScript is the only language supported by web browsers it puts it in the unique situation of being the only programming language that's available on both the client side and server side. See More

Top Con

Easy to accidentally use globals

If you forget a var or new, you can clobber the global scope. For tiny scripts (JavaScript's original use case) globals are great, but for larger applications globals are generally regarded as a Bad Thing. This is because changes to one small part of a program can randomly break things anywhere else. These kinds of bugs are notoriously hard to find. See More

Top Pro

Instant gratification

While it's easy to argue that Python will give you instant gratification, JavaScript is far better in this regard. Make a small change to a page and it's immediately visible in the browser. You can throw in a JavaScript library like jQuery with minimal fuss. See More

Top Con

Many errors pass silently

JavaScript looks for every possible way to treat the code you write as runnable and is very reluctant to point out likely errors. For example, you have call a function with too many arguments, the extra arguments are simply discarded. See More

Top Pro

JSON is native to JS

JSON is arguably a "must-learn". With JS, that's one less additional syntax to learn. See More

Top Con

The constant churn of tooling and language

Trying to keep up=javascript fatigue. You won't have time to learn anything else if this is your first language, and you will probably think all programmers are crazy. Plus web assembly may open the door for better alternatives. See More

Top Pro

C-like syntax

After learning Javascript, you will feel at home in other languages as C-like syntax is very common. See More

Top Con

Limited standard library

Much often needed functionality is not in the standard library. (Contrast with Python.) However, there are well established libraries such as Lodash, to fill the gap (however, due to the diverse/fractured ecosystem it may not be clear what library to use). See More

Top Pro

Great tools for development

Flow, JSHint/ESLint, Babel, npm, etc. See More

Top Con

Array-like objects

Many cases when you should get an Array, you just get an Array-like object instead and none of the Array methods work on it. See More

Top Pro

Speed (most implementations)

JS/ES is in the running for the fastest interpreted language given the optimizations and JIT integration of popular implementations. On the other hand, it fails utterly when compared with compiled (to native or VM code) languages. See More

Top Pro

First-class functions with lexical closures

While certainly not the only language with these features, this pro alone is so powerful that it compensates for most of JavaScript's problems. You'll learn to use closures and higher-order functions well in JavaScript, because you have to. And then you can generalize this knowledge to any other language that has these, and the good ones do. See More

Top Pro

Powerful syntactic support for value oriented programming

While writing in a mutable style is easy in JavaScript, writing in an immutable style has now become effortless with the advent of features such as Object Rest/Spread. These make it as easy, if not easier, to create new values as it is to modify existing one. Users of TypeScript or Flow that adopt this style further gain the advantage that they can omit almost all type annotations and still benefit from full analysis. See More

Top Pro

Modern ESNext is far better than the JS of days past

Modern JS has made great strides, and can be targerted to older (or non-standard) browsers using Babel. There are new language constructs that can make programming in JS comfortable.; e.g.: async / await ( <3 ). See More

Top Pro

Massive ecosystem

JavaScript has one of the largest programming ecosystems, as shown by the being the most popular language for projects on GitHub. As there are so many projects written in JavaScript there are lots of libraries available to build off of and many of them are written to be easy to use and integrate into other projects. There are also lots of resources available for learning JavaScript. Other than traditional tutorials, language learning sites such as Codecademy have JavaScript courses. The Mozilla Developer Database also serves as a great resource for learning about the standard libraries built into JavaScript. See More

Top Pro

Prototype based Object Oriented System

Being object oriented, it supports the predominate and powerful programming approach. Being prototype based, it provides an intuitive approach to OOP. Whereas other popular languages use classes, which focus on thinking in the abstract, Javascript's prototypes allow you to focus on thinking in the concrete. For example, in a prototypical language, you think of a rectangle, and define it. You now have a rectangle. Let's say you want a red rectangle, you copy the rectangle and give it the property red. Want a blue one? Copy rectangle again give it a blue. Big blue rectangle? Copy blue rectangle and make it big. In a class-based language, first you describe a rectangle, describe a red rectangle as a type of rectangle, describe blue and big blue rectangles, and now that you have described them, you must create instances of them, and only then do you have the rectangles. Essentially: Classes are factories for objects, prototypes are objects themselves, and the latter method was created to be more intuitive, which is particularly advantageous to beginners. See More

Top Pro

Can be very simple (teachable)

By setting a few ground-rules (effectively coding in a subset of JS), JS is one of the simplest languages to learn (requiring very few must-learn prerequisite concepts). See More

Top Pro

Atwood's Law "Any application that can be written in JavaScript, will eventually be written in JavaScript."

May also be a con. See More

Top Pro

Several Platforms to use the web stack and JS to create multi-platform apps

Opens the door to native application development as well as just websites. Use with React Native, Weex or Quasar (Vue), PhoneGap or Cordova, NativeScript... (etc) to build native apps. Use mostly the same code base for multi-platform and web. See More

Top Pro

High demand for JavaScript developers

If you're looking for a career as a developer, JavaScript is the place to focus your attention. There is a huge demand for good developers especially in frameworks such as React and Angular. See More

Top Pro

Complete dev stack can be run online

With codepen.io and other prototyping tools, you can learn Javascript from a mobile device. You don't even need a computer. It can be learned from an internet cafe or public library. See More

Top Pro

Very good debugger

Has a built in debugger with break points, watches that work on local values, and a console that you can use to edit anything at any time. Both in the browser (eg: Chrome), and server (eg: Nodejs). See More

See All

Haste

Top Pro

Generates small, reasonably performant code

Haste generates a small amount of JavaScript which usually performs well. See More

Top Con

Lacks some minor Haskell functionality

Lacks support for Template Haskell for example. See More

Top Pro

Based on GHC frontend

So all syntax and type system extensions are supported. See More

Top Pro

Client and Server as the same application

Haste was designed to allow both the client and server to be written as parts of the same, type-safe application. This is in stark contrast to most other options, where the client and server are considered two separate entities, resulting in extra manual validation code and more chances for type errors. See More

Top Pro

Almost full power of Haskell

Haste supports the Haskell 2010 standard except for Template Haskell as well as most GHC extensions. See More

See All

Kotlin

Top Pro

Easy to share data classes between front end and back end

Multi platform project can compile the same Kotlin classes to JS and JVM See More

Specs

Site:http://kotlinlang.org

Price:Free, Open Source

Current stable version:1.3

Top Pro

Direct compile to JavaScript

The front end developed in Kotlin will be directly compiled into JavaScript. The same language can be used to develop front end, back end, DB access and build tool like Gradle. See More

Top Pro

Is built to solve industrial problems

Kotlin has been designed and built by developers who have an industrial background and not an academic one. As such, it tries to solve issues mostly found in industrial settings. For example, the Kotlin type system helps developers avoid null pointer exceptions. Reasearch languages usually do not have null at all, but APIs and large codebases usually need null. See More

Top Pro

Does not impose a particular philosophy of programming

It's not overly OOP like Java and it does not enforce strict functional paradigms either. See More

Top Pro

Officially supported for Android development

Starting with version 3.0 of Android Studio, Kotlin support will be built-in. This means that it's now easier than ever to use Kotlin for existing Android projects or even start writing Android apps only with Kotlin from scratch. This also means that Kotlin and Kotlin plugins for Android Studio will be fully supported in the future and their likelihood of being abandoned is quite small since Google is fully embracing the language for their Android ecosystem (alongside Java and C++). See More

Top Pro

Easy to learn if you have prior programming experience

Kotlin's syntax is extremely easy to understand. The language can be picked up in a few hours just by reading the language reference. See More

Top Pro

Great tooling support

Since Kotlin is made by Jetbrains (the developers of IntelliJ IDEA) so it stands to reason that the IntelliJ support for Kotlin is also great. Besides that, Kotlin also works well with existing Java tools such as Eclipse, Maven, Gradle, Android Studio, etc... See More

See All

Lua

See flagged products

I Recommend...

Built By the Slant team

Find the best product instantly.

Lustre recommends the best products at their lowest prices – right on Amazon.

4.7 star rating

Try it now - it's free

score 67 · Accepted Answer

Elm

Top Pro

Good documentation

Elm is gaining popularity, somewhat faster than many of the other solutions here. This translates to more code examples, more documentation, and more libraries. See More

Top Con

Splitting code in smaller modules can be hard

While organising code in a single module is extremely straightforward, when your update functions seep in, new modules building functionality becomes complicated. See More

Jared M. Smith's Experience

Elm helps me enjoy programming again while creating safe, fast web apps. It's easier to work with a team in Elm where refactoring is easy and fast than in JavaScript where refactoring is scary without near-complete code testing coverage. See More

Specs

Site:http://elm-lang.org/

Price:Open Source

Current stable version:0.19

GZipped size:23.2 kB

See All Specs

Top Pro

Very good way to report compilation errors

Error reporting in Elm is really awesome. It pinpoints exact location in file and also provides hints on what might have gone wrong. See More

Top Con

Poor Windows support

Few if any of Elm's core contributors are Windows users and breaking bugs are sometimes left for weeks or months. See More

VigorousBulucChabtan's Experience

The feeling you get when it compiles and works is priceless. You can refactor like a superhuman. It has changed how I program in every language. See More

Top Pro

Great and simple way to learn Purely Functional Programming

You can try to apply some functional programming ideas in other languages that have an imperative basis, but you haven't seen the real power unless you tried it in the environment of purely functional programming. Elm is a simple language with great learning resources and easy graphical output, which makes it easy to explore the power of functional programming. Plus programming in Elm is very readable. See More

Top Con

Cannot use third party libraries

Elm does not have a Foreign Function Interface (FFI), so you can't really use third party libraries with Elm. See More

LuckyBayamanaco's Experience

Enjoy front-end development again by removing JavaScript fatigue, improving product quality, and making business logic easier to implement. See More

Top Pro

Designed around high-level front-end development

As Elm was designed as a front-end langauge, it has out of the box support for things like DOM-element creation, letting programmers focus on their application logic, rather than implementation details specific to the web. See More

Top Con

Adds an additional layer of abstraction

Some users claim that Elm adds an additional layer of abstraction, meaning that it is one more hurdle between the brain and the product. See More

PersistentShurpanakha's Experience

The founding designers of Elm are very opinionated about how things should work, which leads to difficulty when trying to make pragmatic decisions during the development process--there are no escape hatches built in to the tightly controlled language environment. See More

Top Pro

The Elm Architecture

Redux was born as something heavily inspired by the Elm mandated pattern you build apps with. See More

Top Con

No server support

Top Pro

Super easy refactoring with very helpful compiler errors

In no other language you can refactor so easy without any worries, since the compiler will guide you through. It is like TDD but than compiler-error driven. See More

Top Pro

Inferred static typing

ML static typing is great because it's always there, you just choose how explicit you want to be and how much you want the compiler to do. See More

Top Pro

No run-time exceptions

Lack of run-time exceptions makes it easy to produce large swathes of reliable front-end code without drowning in tests. See More

Top Pro

Missing Syntactic sugar

Easy to learn, most functions have only one way, not 5 alternatives where you must study where to best use what. See More

Top Pro

No run time errors

It's statically typed with type inference so even if you don't write type signatures it won't compile if you try to do something that's impossible (ie try to use an integer as a string). See More

Top Pro

Good tooling

All major editors have great support. With Atom for example, Elm plugins are available for linting, formatting, make/compiler support and Elmjutsu will simply overflow you with super useful functions, like navigate to referenced definition and show expression type. See More

Top Pro

Growing community

Elm is gaining popularity, somewhat faster than many of the other solutions here. This translates to more code examples, more documentation, and more libraries. See More

Top Pro

High-level Functional-Reactive Code

Build animations, games, and interactions with an incredibly small amount of terse, readable code. See More

Top Pro

Static module system

Elm uses easy to use modules. Use: import List import List as L import List exposing (..) import List exposing ( map, foldl ) import Maybe exposing ( Maybe ) import Maybe exposing ( Maybe(..) ) import Maybe exposing ( Maybe(Just) ) Creation: module MyModule exposing (foo, bar) See More

Top Pro

Batteries included

The Elm Architecture means you don't need to spend valuable time and effort choosing the right frameworks, state management libraries, or build tooling. It's all built in. See More

Top Pro

Interactive Programming and Hot Swapping

Support for hot swapping and interactive programming is included. See More

Top Pro

Not quite Haskell semantics

Luckily you do not have to learn Haskell to be able to do any Elm. It is meant to be a language that compiles to JavaScript, so for JavaScript programmers (Front end) not for CS students who want to learn as many different algorithms as possible. See More

See All

Built by Slant

Find the best product
instantly.

Stop wasting time searching endlessly. Lustre recommends the best products at their lowest prices – right on Amazon.

4.7 star rating

Add to Chrome - It's Free

Add to Edge - It's Free

Add to Firefox - It's Free

Add to Opera - It's Free

Add to Brave - It's Free

Add to Safari - It's Free

Try now - it's free

The Best 1 of 12 OptionsWhy?

My Recommendation for Elm

My Recommendation for Elm

Good documentation

Splitting code in smaller modules can be hard

Very good way to report compilation errors

Poor Windows support

Great and simple way to learn Purely Functional Programming

Cannot use third party libraries

Designed around high-level front-end development

Adds an additional layer of abstraction

The Elm Architecture

No server support

Super easy refactoring with very helpful compiler errors

Inferred static typing

No run-time exceptions

Missing Syntactic sugar

No run time errors

Good tooling

Growing community

High-level Functional-Reactive Code

Static module system

Batteries included

Interactive Programming and Hot Swapping

Not quite Haskell semantics

11 Other Options Considered

My Recommendation for Reason ML

My Recommendation for Reason ML

Uses the excellent Bucklescript Ocaml to Javascript transpiler

A standard async syntax is pending

Aims to make the transition from Javascript easier

Uses established compiler technology from Ocaml with a tweaked syntax that leans more towards Javascript

Superior type inference

Removes JavaScript "bad parts" but sticks to it's design philosophy

Immutability with escape hatches

Compiles to JavaScript or assembly (ocaml)

JSX syntax natively supoorted

My Recommendation for ClojureScript

My Recommendation for ClojureScript

Live interactive programming with figwheel

Syntax may seem cryptic to people not used to Lisp

Simple syntax

Easy to use existing JavaScript libraries

Targets Google Closure-ready JavaScript for immense optimizations

Share application logic between browser and Clojure server

Can be used with React out of the box

Excellent build tools

Excellent tools for web development

The Spec core library

My Recommendation for F#

My Recommendation for F#

Easier transition from other paradigms

.NET's garbage collection is slow

Natively supported by Visual Studio

Concise syntax

Fable Javascript transpiler creates good readable javascript

Allows to use the same language for web-frontend and server backend

.NET Interoperability

Multiplatform, it runs on .Net Core

Type Providers

Built-in REPL

Runs on the CLR

F# is supported by Xamarin

Fall into the pit of success

You can run F# in the browser

Allows writing predictable code

My Recommendation for Purescript

My Recommendation for Purescript

High performance FFI code

Lots of dependencies needed to get started

Type safety

Slow compilation

Pure functional language

Higher kinded types

Modules can be compiled to CommonJS

Has row polymorphism and extensible effects

FFI

Awesome web frameworks

Thorough documentation

My Recommendation for Scala