/workshop-react-rescript-typescript-2021

🤗 React with Rescript and Typescript

Primary LanguageHTML

workshop-react-rescript-typescript-2021

React, A JavaScript library for building user interfaces

ReScript is the language for folks who don't necessarily love JavaScript, but who still acknowledge its importance.

Typed JavaScript at Any Scale. TypeScript extends JavaScript by adding types.

Advance through the branches to learn how to use Typescript and ReScript in a React project.

1️⃣ typescript

Run:

$ git clone https://github.com/LeoLeBras/workshop-react-rescript-typescript-2021.git
$ yarn
$ yarn start

And code!

2️⃣ rescript

Run:

$ git checkout rescript
$ yarn
$ yarn rescript:start

And in another tab:

$ yarn react:start

Now code!

3️⃣ typescript-poor-type-inference

Run:

$ git checkout typescript-poor-type-inference
$ yarn
$ yarn start

Now code!

4️⃣ rescript-powerful-type-inference

Run:

$ git checkout rescript-powerful-type-inference
$ yarn
$ yarn rescript:start

And in another tab:

$ yarn react:start

Now code!

5️⃣ typescript-todolist

Run:

$ git checkout typescript-todolist
$ yarn
$ yarn start

Now code!

6️⃣ rescript-todolist

Run:

$ git checkout rescript-todolist
$ yarn
$ yarn rescript:start

And in another tab:

$ yarn react:start

Now code!

7️⃣ typescript-graphql

Run:

$ git checkout typescript-graphql
$ # git reset --soft HEAD~1
$ yarn
$ yarn start

Now code!

8️⃣ rescript-graphql

Run:

$ git checkout rescript-graphql
$ # git reset --soft HEAD~1
$ yarn
$ yarn rescript:start

And in another tab:

$ yarn react:start

Now code!