Create a To Do App with React, Recoil and TypeScript. We will be using create-react-app. First, a little about Recoil is a state management library developed by Facebook. Here is where all the Todo App will be created.
Recoil is a state management library developed by Facebook, initially used by Facebook itself, but now made open source. According to its official website, recoiljs.org, these are its 3 distinct features:
You can take a look at its documentation here.
Let’s start building the application. We will be using
create-react-app. If you already have the node module installed, run this in your terminal:
create-react-app todo-with-recoil --template typescript
Or, in case you want it in your own project directory, run:
create-react-app . --template typescript
If you don’t, use
npx create-react-app todo-with-recoil --template typescript
If we have no errors, we are good to go. First, we must remove all unnecessary files and folders. The selected files should be deleted (don’t forget to remove their imports too!):
Files to delete (optional)
Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.
Wanted to make a video with redux and redux-thunk using typescript. I found this a bit confusing when I first learned it and hopefully this videos makes the ...
I show how to use React with Typescript: - How to define a component How to specify props using types and interfaces - How to define state - How to handle events