Pug vs RactiveJS vs TypeScript

Need advice about which tool to choose?Ask the StackShare community!

Pug

1.1K
1.1K
+ 1
431
RactiveJS

21
29
+ 1
18
TypeScript

52K
41.2K
+ 1
462
Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Pug
Pros of RactiveJS
Pros of TypeScript
  • 133
    Elegant html
  • 88
    Great with nodejs
  • 56
    Very short syntax
  • 55
    Open source
  • 52
    Structured with indentation
  • 22
    Free
  • 4
    Clean syntax
  • 4
    Gulp
  • 4
    It's not HAML
  • 3
    Really similar to Slim (from Ruby fame)
  • 3
    Easy setup
  • 3
    Readable code
  • 3
    Difficult For Front End Developers,learn backend
  • 1
    Disdain for angled brackets
  • 7
    Lightweight
  • 5
    Virtual Dom
  • 3
    Easy one page app templating of data
  • 2
    Components
  • 1
    Data-binding
  • 163
    More intuitive and type safe javascript
  • 97
    Type safe
  • 73
    JavaScript superset
  • 46
    The best AltJS ever
  • 27
    Best AltJS for BackEnd
  • 14
    Powerful type system, including generics & JS features
  • 10
    Nice and seamless hybrid of static and dynamic typing
  • 9
    Aligned with ES development for compatibility
  • 9
    Compile time errors
  • 6
    Structural, rather than nominal, subtyping
  • 5
    Angular
  • 3
    Starts and ends with JavaScript

Sign up to add or upvote prosMake informed product decisions

Cons of Pug
Cons of RactiveJS
Cons of TypeScript
    Be the first to leave a con
      Be the first to leave a con
      • 4
        Code may look heavy and confusing
      • 2
        Hype

      Sign up to add or upvote consMake informed product decisions

      What is Pug?

      This project was formerly known as "Jade." Pug is a high performance template engine heavily influenced by Haml and implemented with JavaScript for Node.js and browsers.

      What is RactiveJS?

      Ractive was originally created at theguardian.com to produce news applications. Ractive takes your Mustache templates and transforms them into a lightweight representation of the DOM – then when your data changes, it intelligently updates the real DOM.

      What is TypeScript?

      TypeScript is a language for application-scale JavaScript development. It's a typed superset of JavaScript that compiles to plain JavaScript.

      Need advice about which tool to choose?Ask the StackShare community!

      What companies use Pug?
      What companies use RactiveJS?
      What companies use TypeScript?

      Sign up to get full access to all the companiesMake informed product decisions

      What tools integrate with Pug?
      What tools integrate with RactiveJS?
      What tools integrate with TypeScript?

      Sign up to get full access to all the tool integrationsMake informed product decisions

      Blog Posts

      GitHubDockerReact+17
      34
      30421
      Jun 19 2015 at 6:37AM

      ReadMe.io

      JavaScriptGitHubNode.js+25
      11
      1736
      What are some alternatives to Pug, RactiveJS, and TypeScript?
      EJS
      It is a simple templating language that lets you generate HTML markup with plain JavaScript. No religiousness about how to organize things. No reinvention of iteration and control-flow. It's just plain JavaScript.
      Handlebars.js
      Handlebars.js is an extension to the Mustache templating language created by Chris Wanstrath. Handlebars.js and Mustache are both logicless templating languages that keep the view and the code separated like we all know they should be.
      React
      Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
      Mustache
      Mustache is a logic-less template syntax. It can be used for HTML, config files, source code - anything. It works by expanding tags in a template using values provided in a hash or object. We call it "logic-less" because there are no if statements, else clauses, or for loops. Instead there are only tags. Some tags are replaced with a value, some nothing, and others a series of values.
      Smarty
      Facilitating the separation of presentation (HTML/CSS) from application logic. This implies that PHP code is application logic, and is separated from the presentation
      See all alternatives