TypeScript & React Examples

This examples are intended to create familiarity with the basic principles of Typescript and using Typescript with React.

The examples were created as part of a talk on TypeScript & React for the React Medellin Meetup.

Slides

The slides for the presentation used with this examples are in http://bit.ly/tsReact

There are two ways to use the code to play & learn Typescript:

You can visit this repo in CodeSandbox and you'll able to follow the examples without installing any additional software.

You'll need an editor with TypeScript support on your computer, I recommend VisualStudio Code which includes support for TypeScript by default.

In this link you'll find information on how to add support for TypeScript to your editor if you're not using VisualStudio code.

Execute the following command in a terminal to clone the repository and install the dependencies needed for the examples:

git clone https://github.com/elyalvarado/typescript-examples
cd typescript-examples
yarn install

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
.gitignore		.gitignore
01-hello-world.ts		01-hello-world.ts
02-primitive-types.ts		02-primitive-types.ts
03-type-inference.ts		03-type-inference.ts
04-any-and-unknown.ts		04-any-and-unknown.ts
05-type-assertions.ts		05-type-assertions.ts
06-arrays-and-tuples.ts		06-arrays-and-tuples.ts
07-enums.ts		07-enums.ts
08-functions.ts		08-functions.ts
09-interfaces.ts		09-interfaces.ts
10-generics.ts		10-generics.ts
11-advanced-types.ts		11-advanced-types.ts
12-react-class-component.tsx		12-react-class-component.tsx
13-react-function-component.tsx		13-react-function-component.tsx
14-elements-nodes-and-events.ts		14-elements-nodes-and-events.ts
README.md		README.md
example.ts		example.ts
package.json		package.json
yarn.lock		yarn.lock