React JS Kurulumu
Hepinize merhaba dostlarım 😊. Uzuuun bir süre demeyeceğim daha dün bir makale yazdım ona ek olarak bu makaleyi eklemek istedim 😅.
Başlıktan da anlayacağınız üzere artık React JS projemizi kurma işlemine değineceğiz. Şimdi bazı dostlarımdan gelen sorular tam da şu şekilde
Hocam iyi güzel Allah razı olsun faydalı bilgiler veriyorsunuz bizlere. Lakin şöyle bir durum var. Nette React Native diye bir kütüphane gördük. Java vs falan bir sürü şey ayarlanıyordu. Burada da öyle meşakkatli bir kurulum mu var ?
Sorunuz gayet doğal dostlarım. Yalnız şöyle bir açıklama yapayım:
Sizin bu React Native olayı android kodlamaya giriyor. Ona çok daha sonra değineceğiz o sizi yanıltmasın. Ve bu java sdk gibi kurulumu vs falan yapmayacağız. İşlemler gayet basit dostlarım. Gelin hep beraber bu işlemleri adım adım gerçekleştirelim 😊
1-) Node JS Kurulumu
Evet dostlarım yanlış duymadınız. Bizim projemize paket yükleme, build etme gibi işlemler, projemizi test ortamında çalıştırma gibi işlemler Node JS olmadan olmayacak 😊 Hatta bizim paket yükleme işlemlerimiz de NPM modülü ile olacağı için bu teknolojiyi kurmamız lazım. Bunu da hemen burada belirttiğim linkten indirebilirsiniz. İndirdikten ve kurduktan sonra terminal ekranını açıp
npm -v
node -vkomutları ile versiyonları kontrol etmenizi öneririm.
Dostlarım bizim React JS kodlamamız için önemli olan versiyonlar tam olarak şunlardır:
Node >=14.0.0
Npm >=5.6şeklinde sürümleri kontrol etmelisiniz. AKsi halde hata alabilirsiniz başınız ağrıyabilir 😊.
Bu kısma kadar tamam isek dostlarım gelelim en civcivli kısmımıza. Projemizi kuracağımız dizine gidelim ve terminal ekranımızı açalım. Açılan terminal ekranında ise
npx create-react-app my-react-projectşeklinde komutumuzu verelim.
Bu kısımda my-react-project yazdım ben. Siz istediğiniz komutları yazabilirsiniz tamamen size kalmış dostlarım. Ama aklınızda şunun olduğuna eminim ben
Hocam npm dediniz ama burada npx yazdınız. Herhangi bir sorun vs durum falan mı var neden onu yazdık ?
çok güzel bir noktaya değindiniz dostlarım. Bu kullandığımız araç yani npx bize Node JS kurulumuyla npm in yanında geliyor. Bizim bilgisayarımızda global olarak bir CLI olsa da olmasa da bunun kullanılmasını sağlıyor 😊.
Şimdi bu komutu yazdıktan sonra dostlarım ekranımıza şu şekilde yazılar gelecek
Success! Created my-react-project at C:\Users\mfati\Desktop\my-react-project
Inside that directory, you can run several commands:
npm start
Starts the development server.
npm run build
Bundles the app into static files for production.
npm test
Starts the test runner.
npm run eject
Removes this tool and copies build dependencies, configuration files
and scripts into the app directory. If you do this, you can’t go back!
We suggest that you begin by typing:
cd my-react-project
npm start
Happy hacking!şeklinde çıktı geldiyse dostlarım tamamdır artık her şey hazır. Bize yapmamız gerekenler son 3 satırda belirtilmiş dostlarım. Hemen terminal üzerinden proje klasörüne gidip
npm startkomutunu verelim. Aşağıdaki ekrandaki gibi bir çıktı alırsak tüm işlemler tamamdır dostlarım
Ve bingoooo 💯. Tüm işlemler başarılı dostlarım 😊. İşte kurulum bu kadar hızlı ve basit
Eveeeeet dostlarım 😊. Bu makalede elimden geldiğince dilim döndüğünce React JS Kurulumu konusunu anlatmaya çalıştım. Umarım faydalı olmuşumdur dostlarım. Başlarda konu biraz karmaşık gelecektir dostlarım anlıyorum. Bu süreçte sizlerden istediğim tek şey her zaman dediğim gibi "İstikrarlı ve Azimli olacaksınız, Bolca pratik yapacaksınız". Bu dediklerimi hayat felsefeniz yaptığınız sürece başarı sizler için kaçınılmaz olacaktır dostlarım 😊
Hayallerinizi gerçekleştirmeniz ve güzel yerlere gelmeniz dileklerimle... İyi çalışmalar dilerim 😊
Yazar Hakkında
Kendi Halinde Bir Backend Developer