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

• DefinitelyTyped

  59 42,510 10.0 TypeScript

  The repository for high quality TypeScript type definitions.

  

  Read more about these types at: https://github.com/DefinitelyTyped/DefinitelyTyped.

• TypeScript

  518 87,878 9.9 TypeScript

  TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  

  TypeScript as our language of choice

• Klotho

  klo.dev

  sponsored

  AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)

  

• webpack

  130 62,409 9.1 JavaScript

  A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

  

  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!

• React

  684 201,000 9.8 JavaScript

  A declarative, efficient, and flexible JavaScript library for building user interfaces.

  

  React will be our framework to develop our app

• create-react-app

  224 98,606 6.9 JavaScript

  Set up a modern web app by running one command.

  

  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!

• babel-sublime

  64 3,250 0.0 JavaScript

  Syntax definitions for ES6 JavaScript with React JSX extensions.

  

  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!

Suggest a related project