In the first part of this React-Webpack tutorial, we discussed how to configure loaders and perform optimization. Now, we’ll get into more advanced techniques related to specific React/Webpack config use cases.

TypeScript and React with Webpack: Enter Babel
There are several ways in which you can use TypeScript in your React project. While ts-loader is a good option, I’d like to focus on how to transpile TypeScript using @babel/preset-typescript because many libraries are publishing Babel plugins to perform compile time optimization. In addition to processing TypeScript files, it will allow us to use Babel plugins provided by various libraries such as styled-components or react-intl.

#react #react-native #reactjs #webpack