atom-beautify - :lipstick: Universal beautification package for Atom editor (:warning: Currently migrating to https://github

•    CoffeeScript

---

Atom-Beautify respects the core.telemetryConsent configuration option from Atom editor. If you do not wish to have usage data sent to Google Analytics then please set core.telemetryConsent to no or undecided option before using Atom-Beautify. See Anonymous Analytics section of docs for details. Thank you. Atom-Beautify is going to be completely rewritten with Unibeautify at its core! See unibeautify branch for work in progress and Issue #1174.

atom beautifier formatter coffeescript beautify prettifier prettify js-beautify format pretty html handlebars mustache xml css json sass scss less sql markdown typescript cpp c-sharp coldfusion uncrustify apex pawn vala erb editorconfig yaml front-matter jekyll marko svg elm arduino crystal csv ejs gherkin haskell hindent brittany jade jsx latex ocaml puppet riot.js spacebars swig tss twig visualforce xtemplate autopep8 coffee-formatter coffee-fmt clang-format dfmt elm-format html-beautifier csscomb gherkin-formatter gofmt latex-beautify fortran-beautifier jscs-fixer eslint eslint-fixer lua-beautifier ocp-indent perltidy php-cs-fixer phpcbf pretty-diff pug-beautify puppet-lint r remark rubocop ruby-beautify rustfmt sqlformat stylish-haskell tidy-markdown typescript-formatter yapf erl_tidy marko-beautifier vue vue-beautifier sassconvert formatr clojure-beautifier nunjucks ux-markup pybeautifier cljfmt bash beautysh glsl hh_format nginx nginx-beautify golang-template align-yaml goimports terraform terraformfmt tsx prettier verilog emacs-verilog-mode vhdl vhdl-beautifier gn blade

plugin-typescript - TypeScript loader for SystemJS

•    TypeScript

---

A plugin for SystemJS which enables you to System.import TypeScript files directly. The files are transpiled in the browser and compilation errors written to the console. Starting with JSPM 0.17.0 (currently in beta) this plugin will be the officially supported mechanism for transpiling TypeScript. It provides the ability to transpile TypeScript and ES2015+ files on the fly when then are loaded by SystemJS.

typescript systemjs jspm es6 ts tsx angular2 react bundle plugin loader

vue-tsx-support - TSX (JSX for TypeScript) support library for Vue

•    TypeScript

---

By default, vue-tsx-support does not allow unknown props.

vue typescript tsx jsx

react-server-example-tsx - ⚛️ Boilerplate for isomorphic web app with React server-side rendering in TypeScript

•    TypeScript

---

A complex example of how to do server-side rendering with React and TypeScript so that component code can be shared between server and browser (also known as isomorphic javascript). Then navigate to http://localhost:3007 and click on the buttons to see some reactive events in action.

react typescript react-server tsx jsx server-side-rendering isomorphic boilerplate

njsx - A customizable and declarative interface for creating React and React Native components without JSX syntax

•    TypeScript

---

A pure function based interface for creating React and React Native components without JSX tags. If you love React but don't quite like the embeded HTML tags this library may be what you are looking for. Construct your components with code only in a clean, declarative way.

react-native js syntactic-sugar dsl reactjs ts builder customizable jsx tsx functional react tag syntax-sugar

indent.js - Pure code indentation for jsx, tsx, ts, js, html, css, less, scss.

•    Javascript

---

Fast, minimalistic, pure code indentation. Indents JavaScript, JSON, JSX, Typescript, TSX, CSS, LESS, SCSS, and HTML. Unlike JSBeautify, which adds new lines when reformatting code and changes single line expressions, indent.js preserves new lines in when indenting it. Indent.js is coded with simple, but universal, and unopinionated rules. Indent.js is thoroughly tested to make sure it correctly indents all styles, and types of code.

html css pure unopinionated code indentation indenter jsx tsx scss less pug beautifier indent typescript harmony

webpack-typescript - Lightweight TypeScript Loader for webpack.

•    TypeScript

---

webpack-typescript is a lightweight, cleanly designed TypeScript loader for webpack allowing you to pack multiple modules written in TypeScript into a bundle. It supports TypeScript 1.5, 1.6, and experimentally supports nightly builds of upcoming TypeScript 1.7 and 1.8. Here you can find more about configuring webpack.

typescript-loader ts-loader webpack-loader typescript loader webpack ts tsx jsx

hyperapp-starter - Minimal Hyperapp, Typescript and Parcel starter. :package::rocket::tada:

•    TypeScript

---

Minimal Hyperapp, Typescript and Parcel starter.

hyperapp boilerplate parcel-bundler hmr typescript standard-js parcel tsx minimal

csx - Utility functions for TypeStyle

•    TypeScript

---

CSS functions and Typed CSS values e.g. an excellent color API. Use with TypeStyle 🌹.

css typestyle typescript css-in-js jsx tsx layout

ng-vdom - (POC) A virtual-DOM extension for Angular, also work as React bridge.

•    TypeScript

---

Major rewrite in progress. Logic organization inspired by Inferno. Online Demo.

angular jsx virtual-dom react vdom tsx

nativescript-tsx

•    TypeScript

---

To wire the nativescript-tsx and the app-tsx-example do npm run link. To rebuild the plugin npm run build. Then do a regular tns run|livesync ios|android --path app-tsx-example, (livesync with --watch may not sync plugins). All of the above is added to prepublish and will happen on npm install anyway. Really, check the npm scripts in the package.json.

tsx nativescript-tsx

vue-tsx - TSX hook for Vue.js

•    Javascript

---

TSX hook for Vue.js

tsx jsx typescript vue.js

vim-jsx-typescript - React JSX syntax highlighting for vim and Typescript

•    Vim

---

Syntax highlighting for JSX in Typescript. vim-jsx-typescript works with a typescript syntax highlighter for TSX highlighting. The recommended TypeScript syntax highlighter is leafgarland/typescript-vim[1].

vim typescript-vim jsx typescript tsx vim-tsx vim-jsx