React and TypeScript Get Cozy -- Visual Studio Magazine

React and TypeScript Get Cozy

TypeScript 1.6 update adds support for React and JSX, which allows developers to use JSX syntax and TypeScript code interchangeably.

By Michael Domingo
09/16/2015

With the open source React JavaScript library gaining momentum as well as fans from the Microsoft developer community, it's only fitting that Microsoft's TypeScript team would be working to integrate React support into TypeScript. And that's what dropped this week: an update to TypeScript that adds support for React and JSX, as well as support for class expressions, abstract classes, and a variety of type system features.

React is an open source JavaScript library for creating composable user interfaces for data-intensive Web apps. It's currently under development, with version 0.14 the most recent release (you can follow its development on the React site here). JSX is an ECMAscript extension that resembles XML in syntax "without any defined semantics," according to a Facebook JSX draft specification on GitHub. It's used in conjunction with React since JSX's readability is simpler than JavaScript. The support directly in TypeScript 1.6 is streamlined with the addition of a new file extension, .tsx, wherein developers can intermingle JSX and TypeScript code.

"Our goal was to make it feel natural to work with React/JSX and to have all the type-checking and autocomplete capabilities of TypeScript," wrote Jonathan Turner, a program manager on the TypeScript team, in a blog yesterday. "This allows you a rich editing experience for working with React and JSX when using VS, VS Code, and Sublime."

Also new is the addition of class expressions, a new feature that's intended to "round out the ES 6 support in TypeScript," said Turner. Class expressions are used for creating new classes in a way that's similar to class declarations, but they can be used in lieu of expressions. Also new are a number of additional features to the types system (user-defined type guard functions, an & type operator), support for abstract classes, and generic type aliases.

About the Author

You Tell 'Em, Readers: If you've read this far, know that Michael Domingo, Visual Studio Magazine Editor in Chief, is here to serve you, dear readers, and wants to get you the information you so richly deserve. What news, content, topics, issues do you want to see covered in Visual Studio Magazine? He's listening at [email protected].

Printable Format

comments powered by Disqus

Featured

Compare New GitHub Copilot Free Plan for Visual Studio/VS Code to Paid Plans

The free plan restricts the number of completions, chat requests and access to AI models, being suitable for occasional users and small projects.
Diving Deep into .NET MAUI

Ever since someone figured out that fiddling bits results in source code, developers have sought one codebase for all types of apps on all platforms, with Microsoft's latest attempt to further that effort being .NET MAUI.
Copilot AI Boosts Abound in New VS Code v1.96

Microsoft improved on its new "Copilot Edit" functionality in the latest release of Visual Studio Code, v1.96, its open-source based code editor that has become the most popular in the world according to many surveys.
AdaBoost Regression Using C#

Dr. James McCaffrey from Microsoft Research presents a complete end-to-end demonstration of the AdaBoost.R2 algorithm for regression problems (where the goal is to predict a single numeric value). The implementation follows the original source research paper closely, so you can use it as a guide for customization for specific scenarios.
Versioning and Documenting ASP.NET Core Services

Building an API with ASP.NET Core is only half the job. If your API is going to live more than one release cycle, you're going to need to version it. If you have other people building clients for it, you're going to need to document it.