A Simple App with TypeScript, React and Styled Components - Part 1: setting up the tools

1

Webpack

The first step is to use create-react-app to generate a simple application as a starting point. create-react-app spares us the work of configuring several build tools, and makes our life easier. Among many others, it will automatically set up Webpack and Babel(configured to compile TypeScript), as well as web-vitals. All of this in a single command!

#Web Application Bundler #JS Build Tools #Module Bundler 243 social mentions

2

React

React will be our framework to develop our app.

#Javascript UI Libraries #JS Library #JavaScript Framework 814 social mentions

3

Babel

The first step is to use create-react-app to generate a simple application as a starting point. create-react-app spares us the work of configuring several build tools, and makes our life easier. Among many others, it will automatically set up Webpack and Babel(configured to compile TypeScript), as well as web-vitals. All of this in a single command!

#Development Tools #Javascript UI Libraries #JavaScript Framework 147 social mentions