React uygulaması oluşturma yöntemleri

Yeni bir react uygulaması oluşturmak için çeşitli yöntemler var vite, Next.js, CRA gibi. Bu yazıda bunları anlattım

Vite ile React uygulaması oluşturma

Vite şuanda en hızlı ve en çok kullanılan Front-end araçlarından bir tanesi. Kendisiyle ilgili kısa bi yazım da var okumak isterseniz : Vite Nedir ?

Vite kullanarak react uygulaması oluşturmak çok kolay.
Alttaki komut ile Javascript React uygulaması oluşturabilirsiniz

npm create vite@latest my-react-app -- --template react

Bu komutu çalıştırdığınız zaman klasik javascript react uygulaması oluşturur. my-react-app kısmı projenin ismini belirtiyor orayı değiştirebilirsiniz. –template react kısmı ise react projesi olması gerektiğini belirtir.

Typescript kullanmak istiyorsanız aşağıdaki komutu çalıştırmanız lazım

npm create vite@latest my-react-app -- --template react-ts

Next.js ile React uygulaması oluşturma

Next.js bu aralar popüler olan full stack react frameworküdür. Hem full stack hem static siteler oluşturabilirsiniz.

Next.js ile proje oluşturmak için öncelikle aşağıdaki komutu çalıştırın

npx create-next-app@latest

Komutu yazdıktan sonra proje adınızı isteyecektir girin.

Typescript kullanmak ister misiniz bunu seçin

ESLint kullanmak ister misiniz bunu soracaktır.

Tailwind css tercihinizi seçin

Ana proje klasörü src olsun mu bunu seçin. Projeye pek etkisi yok ama dosyaları daha düzenli tutabilir.

App Router kullanmak ister misiniz seçin. Bu Next‘e yeni gelen bi özellik routing ile alakalı. Siz tercihiniz belirtin

Diğer aşamada sorduğu şey import ederken kullanılan default bi @ sembolü var. Bu proje kökünü referans amaçlı kullanılıyor bunu değiştirmek ister misiniz diye soruyor. Hayır diyorum ben

Bu işlemlerden sonra kurulum başlayacaktır.

Tabi next.js react ile aynı değil farklı bir framework ne kadar reacti kullansa da. Next’in kendi docs’una buradan ulaşabilirsiniz merak ediyorsanız.

Create react app (Tavsiye edilmiyor)

Create-react-app komutu ne kadar eskiden tek react oluşturma yöntemlerinden biri olsa da vite gibi alternatifler daha iyi ve resmi dokümantasyon tarafından bile tavsiye edilmiyor.

Ama isterseniz aşağıdaki komut ile CRA kullanarak react app oluşturabilirisiniz.

npx create-react-app my-app