Software Alternatives & Reviews

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

Webpack React Babel
  1. Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
    Pricing:
    • Open Source
    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 220 social mentions

  2. 2
    A JavaScript library for building user interfaces
    Pricing:
    • Open Source
    React will be our framework to develop our app.

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

  3. 3
    Babel is a compiler for writing next generation JavaScript.
    Pricing:
    • Open Source
    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 134 social mentions

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

Log in or Post with