Termux + React Yapılandırması
Elbette, aşağıda yazdığınız notu düzenleyip geliştirerek blog yazısı formatına dönüştürdüm. Gereksiz boş bölümler kaldırıldı, dilbilgisi hataları düzeltildi, anlatım sadeleştirildi ve profesyonel bir teknik yazı hâline getirildi:
Termux Üzerinde React Geliştirme Rehberi
Android cihazınızda Termux kullanarak doğrudan React projeleri geliştirebilmeniz mümkündür. Bu rehberde, React geliştirme ortamını Termux üzerinde nasıl kuracağınızı ve yapılandıracağınızı adım adım açıklıyorum.
1. Termux İlk Kurulum
İlk adım olarak F-Droid üzerinden Termux'u indirip cihazınıza yükleyin. Uygulamayı açtıktan sonra aşağıdaki komutla Termux’un depolama alanına erişimini sağlayın:
termux-setup-storage
Bu komut, sistemde /storage dizinini oluşturur. Tüm projelerinizi bu dizin altında tutmanız önerilir. downloads, music, videos gibi klasörler sadece symlink’tir ve Android'in erişim kısıtlamaları nedeniyle projeleriniz bu klasörlerde çalışmayabilir.
Uyarı: Symlink klasörlerde (örneğin
downloads,documents) proje oluşturmayın.
2. Paket Depolarını ve Sistemi Güncelleme
Yeni paketlere erişmek ve sisteminizi güncel tutmak için aşağıdaki komutları uygulayın:
pkg install x11-repo
apt update && apt upgrade
x11-repo birçok gelişmiş pakete erişmenizi sağlar.
3. Metin Editörü Kurulumu
Kod yazmak için gelişmiş bir editör kurmanızı tavsiye ederim. Termux üzerinde önerilen editörler:
- Helix
- Neovim
- Vim
Helix Kurulumu
pkg install helix
pkg install helix-grammers
Neovim Kurulumu
pkg install neovim
4. Gerekli Paketlerin Otomatik Kurulumu
React geliştirme için bazı temel araçları yüklemeniz gerekir. Aşağıdaki requirements.sh dosyasını oluşturarak işleri otomatikleştirebilirsiniz:
# requirements.sh
packages=("git" "curl" "wget" "nodejs" "clangd" "lua53" "bash-language-server")
for package in "${packages[@]}"; do
echo "Now Installing : $package"
pkg install "$package" -y
done
Çalıştırmak için:
bash requirements.sh
5. React Projesi Oluşturma (Vite ile)
Şimdi /storage dizinine gidin ve ilk React projenizi Vite ile başlatın:
npm create vite@latest my-first-react-app -- --template react
Proje klasörüne geçip bağımlılıkları yükleyin:
cd my-first-react-app
npm install
Projeyi başlatmak için:
npm run dev
6. Helix Editörü için React Yapılandırması
React projelerinde LSP (Language Server Protocol) desteği için aşağıdaki paketleri global olarak yükleyin:
npm install -g typescript typescript-language-server eslint
Helix için ~/.config/helix/languages.toml dosyasına şu ayarları ekleyin:
[[language]]
name = "javascript"
language-servers = ["typescript-language-server"]
auto-format = true
[[language]]
name = "typescript"
language-servers = ["typescript-language-server"]
auto-format = true
[[language]]
name = "tsx"
language-servers = ["typescript-language-server"]
auto-format = true
[[language]]
name = "jsx"
language-servers = ["typescript-language-server"]
auto-format = true
[language-server.typescript-language-server]
command = "typescript-language-server"
args = ["--stdio"]
[language-server.typescript-language-server.filetypes]
jsx = "javascriptreact"
tsx = "typescriptreact"
Sonuç
Artık Android cihazınızda doğrudan Termux üzerinden React projeleri geliştirebilir, kodları çalıştırabilir ve düzenleyebilirsiniz. Taşınabilir ve offline bir React geliştirme ortamı oluşturmak için bu yapı oldukça idealdir.
İpucu: Projelerinizi yedeklemek için
gitile GitHub veya GitLab gibi uzak repo hizmetlerini kullanabilirsiniz.