TypeScript'i React'te kullanmak istiyorsunuz ancak nasıl başlayacağınızdan emin değilsiniz. Doğru yere geldiniz! (Bu sefer TS sözdizimi hakkında konuşmayacağız - sadece kalkıp koşmaya devam edeceğiz.)

Sıfırdan Yeni Uygulama

Yeni bir uygulama oluşturuyorsanız ve create-react-app kullanıyorsanız, Create React App belgeleri harikadır:

Şablonları kullanarak yeni bir TypeScript uygulaması başlatabilirsiniz. Sağlanan TypeScript şablonumuzu kullanmak --template typescriptiçin oluşturma komutunun sonuna ekleyin.

npx create-react-app my-app --template typescript

Kendinizi bir projeye başladığınız durumda bulduysanız ve TypeScript'e dönüştürmek istiyorsanız endişelenmeyin! Bunun için de bir çözüm var.

Mevcut Bir Uygulamayı TypeScript'e Dönüştürme

Terminalde, TypeScript'i yüklemek isteyeceğiniz uygulama dizininize gidin:

npm install --save typescript @types/node @types/react @types/react-
dom @types/jest

İşte burada sorunlarla karşılaşabilirsiniz. Dosyanızı açarsanız App.tsxhemen hemen her şeyin altının kırmızıyla çizildiğini göreceksiniz. Harika değil.

İlk olarak, import React from 'react'zaten yapmadıysanız dosyanın en üstünde olmak isteyeceksiniz.

VSCode'daysanız ve altı çizili herhangi bir öğenin üzerine geldiğinizde, “' — jsx' bayrağı sağlanmadıkça JSX kullanılamaz” mesajını alırsınız. Bu noktada “Hızlı Düzelt” seçeneğine tıklayabilir veya manuel olarak düzeltebilirsiniz. “Hızlı Düzeltme”yi tıklarsanız, “Yapılandırma dosyanızda ' — jsx' bayrağını etkinleştir” yazan bir seçenek görürsünüz. Üzerine tıkladığınızda, yüklenmesi bir veya iki saniye sürer ve ardından hataların kaybolması gerekir.

Manuel olarak yapmak istiyorsanız, tsconfig.jsondosyanıza gidin, anahtarını bulun ve "jsx"değeri "react"yerine olarak değiştirin react-jsx.

Dosyanızda hala bir hata tsconfig.jsalıyorsanız, farklı TypeScript sürümlerini kullanıyor olabilirsiniz. VSCode'da cmd + shift + phızlı ayarları açmak için yazın ve “TypeScript: Select TypeScript version…” öğesini arayın. Bunu tıklayın ve “Çalışma Alanı Sürümünü Kullan”ı seçin.

Umarım artık herhangi bir hatadan kurtulmuşsunuzdur, kodunuz derleniyor ve harika bir uygulamaya başlamaya hazırsınız!

Bağlanmak isterim! Beni LinkedIn , GitHub , Twitter'da bulun .

Yararlı Kaynaklar