An open API service indexing awesome lists of open source software.

https://github.com/tomdoestech/react-with-typescript


https://github.com/tomdoestech/react-with-typescript

Last synced: 9 months ago
JSON representation

Awesome Lists containing this project

README

          

# React with TypeScripts

**Who is this guide for?**

- Those familiar with React & TypeScript

**Do I have to be a React or TypeScript expert?**

- No, a basic level of understanding in each is good enough

**What will I get if I watch to the end**

- A better understanding of TypeScript
- A better understanding of React.js
- Confidence to start using TypeScript in your React.js projects

**React TypeScript generators**

- [Vite.js](https://vitejs.dev/) `yarn create vite my-app --template react-ts`
- [Next.js](https://nextjs.org/docs/basic-features/typescript): `npx create-next-app -e with-typescript`
- [Create React App](https://facebook.github.io/create-react-app/docs/adding-typescript): `npx create-react-app name-of-app --template typescript`
- [Meteor](https://guide.meteor.com/build-tool.html#typescript): `meteor create --typescript name-of-my-new-typescript-app`
- [Ignite](https://github.com/infinitered/ignite#use-ignite-andross-infinite-red-andross-boilerplate): `ignite new myapp`
- [TSDX](https://tsdx.io/): `npx tsdx create mylib`

## 1. Component inputs

- React components are functions
- Basic types & interfaces
- Children
- Extended types

## 2. Hooks

- useState
- useReducer
- useRef

## 3. Network requests

## 4. Context

## Let's keep in touch
- [Subscribe on YouTube](https://www.youtube.com/TomDoesTech)
- [Discord](https://discord.gg/4ae2Esm6P7)
- [Twitter](https://twitter.com/tomdoes_tech)
- [TikTok](https://www.tiktok.com/@tomdoestech)
- [Facebook](https://www.facebook.com/tomdoestech)
- [Instagram](https://www.instagram.com/tomdoestech)

[Buy me a Coffee](https://www.buymeacoffee.com/tomn)

[Sign up to DigitalOcean 💖](https://m.do.co/c/1b74cb8c56f4)