Subscribe to my email list now at http://jauyeung.net/subscribe/
Follow me on Twitter at https://twitter.com/AuMayeung
Many more articles at https://medium.com/@hohanga
Even more articles at http://thewebdev.info/
TypeScript is supported by many libraries and frameworks like Vue, React, Angular and Express. Many libraries have TypeScript types associated with them via Microsoft's TypeScript language server or type files.
With it, we get autocomplete in our code editors and type checks in our compilers. It helps prevent many type errors that people encountered without TypeScript.
React continues its momentum as the top front end library. It's used by many large companies for the web UI of their products.
It has a big community of libraries and developers associated with it and it's still evolving.
Function components with hooks are offered as a replacement for class-based components and help remove any confusion with
this and classes in class-based components.
Vue is the up-and-coming front end framework with a large number of libraries written for it and a growing community that's using it. More or more large companies are using it to build their apps.
It has a router and state management library that's associated with it, which is a Vue Router and Vuex. Together, it's a complete front end app development solution.
The Vue CLI is a great tool for creating new Vue projects. One unique feature of Vue is that it doesn't need build tools for it to be used. Many Vue libraries can also be included without build tools via a script tag.
That makes Vue great for enhancing legacy app front ends. It supports TypeScript and has testing right out of the box, which is another attractive feature of Vue.
Svelte is another front end framework that has the component-based architecture. It also makes front end development easy and has a growing community around it.
It's more Vue that React in that it's a more complete solution, whereas React is only a view library.
GraphQL is replacing REST APIs in many places. It has strong typing for queries, which decreases the chance of making mistakes when we make HTTP requests. Also, it only returns the data that we want since we have to specify the fields that we want to query if we want to query a GraphQL API.
It also supports file uploads and custom types via 3rd party libraries. We can also make our own scalar types.
TypeScript and frameworks make developing apps easier than error, allowing us to deliver more results in less time.