Create a React 18-TypeScript-Vite project

The new version of React - React 18 alpha has just come out. From ReactJS.org:

"There are no significant out-of-the-box breaking changes to component behavior. You can upgrade to React 18 with minimal or no changes to your application code, with a level of effort comparable to a typical major React release"

New Improvements:

- React.lazy - new streaming server renderer support.

- Automatic batching.

- New APIs (like startTransition).

This post will demonstrate a step-by-step guide to create your project using React 18 alpha, Typescript, Vite and deploy it to Vercel (freemium).