react.md

How-To React

Homepage

Pre-Requisites

• NodeJS required Javascript Engine
• Yarn optional You can use npm instead
• VSCode optional You can use any Editor that support Typescript

Initialize React Application with Typescript

• see: https://create-react-app.dev/docs/adding-typescript/

Create React application template: demo-app

mike@server:~/lab/web/sites
# npx create-react-app demo-app --template typescript
npx: installed 98 in 12.386s

Creating a new React app in ~/lab/web/sites/demo-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template-typescript...
...
mike@server:~/lab/web/sites
# cd demo-app
# ls
node_modules/  package.json  package-lock.json  public/  README.md  src/  tsconfig.json

React Tutorials

Forms:

• React Hooks: Custom useForm Hook (Video)
• React Hooks Change The Way We Build Forms