What Javascript Frameworks are used at Twitter.com?

February 17, 2014 by Ajitesh Kumar · Leave a comment
twitter

I have been doing research on what are some of the UI frameworks that are used at twitter.com. Following is a list of those UI frameworks, primarily Javascript. Please feel free to shout if you happen to know that one or more of the following frameworks ain’t actually used:

  • Testing
    • Jasmine: This is a javascript library. A behavior-driven development framework for testing JavaScript code. It does not depend on any other JavaScript frameworks. It does not require a DOM. And it has a clean, obvious syntax so that you can easily write tests.
  • UI-based
    • Sizzle: A pure-JavaScript CSS selector engine designed to be easily dropped in to a host library.
    • Bootstrap: As mentioned on the website, Bootstrap is the most popular front-end framework for developing responsive, mobile first projects on the web.
    • Html2Canvas: HTML2Canvas script allows one to take “screenshots” of webpages or parts of it, directly on the users browser. The screenshot is based on the DOM and thus,  may not be 100% accurate to the real representation. This is because it does not make an actual screenshot, but builds the screenshot based on the information available on the page.
    • JQuery: A fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers
  • Security
    • Gibberish-AES: A Javascript library for OpenSSL compatible AES encryption
  • Performance-based
    • Loadrunner: A generic dependency manager that you can build on to manage any type of asynchronous dependency from CSS templates to DOM events to cache loading. It does include build in support for loading regular JavaScript files, AMD modules and its own, more elegant (IMHO) flavour of modules
    • Boomerang: A Javascript library that measures a whole bunch of performance characteristics of your user’s web browsing experience. All that is needed is stick it into your web pages and call the init() method.
  • Communication
    • Xdm: Used for cross-domain messaging over postMessage, based on the JSON-RPC 2.0 protocol. It is a stripped down and slightly modified version of easyXDM, a Javascript library that enables the developers to overcome the limitation set in place by the Same Origin Policy, in turn making it easy to communicate and expose javascript API’s across domain boundaries.

[adsenseyu1]

Ajitesh Kumar
Latest posts by Ajitesh Kumar (see all)

Ajitesh Kumar

I have been recently working in the area of Data analytics including Data Science and Machine Learning / Deep Learning. I am also passionate about different technologies including programming languages such as Java/JEE, Javascript, Python, R, Julia, etc, and technologies such as Blockchain, mobile computing, cloud-native technologies, application security, cloud computing platforms, big data, etc. I would love to connect with you on Linkedin. Check out my latest book titled as First Principles Thinking: Building winning products using first principles thinking.
Posted in Tools. Tagged with , , , .