React and TypeScript in Laravel

Creating Laravel application:

laravel new project-name

or

composer create-project laravel/laravel project-name

Installing dependencies:

npm install react @types/react react-dom react-router-dom  typescript @babel/preset-react ts-loader

Initialise TypeScript:

tsc --init --jsx react

Change Laravel Mix file to this:

mix.ts('resources/js/app.js', 'public/js')
    .postCss('resources/css/app.css', 'public/css', [
        //
    ]).react();

And run your app:

Laravel:

php artisan serve

Node.js (Laravel Mix)

npm run watch

for auto compiling after changes

or

npm run dev

for manual compiling