Bugün günlük hayatımızda en çok ihtiyaç duyduğumuz şeylerden birisi olan yapılacak şeylerin listesi yani To Do uygulaması yapacağız.

Öncelikle çok fazla alana ihtiyaç duyması ve emülatörün güçlü işlemcileri bile zorlaması sebebiyle Android Studio kullanmak yerine Expo’yu tercih edeceğim.

Expo’nun basit ve performanslı olması gibi avantajlarının yanında dezavantajları da var tabii ki. Ancak yeni başlayanlar ve profesyonel uygulama yapmayacaklar için gayet yerinde bir tercih olacaktır. Expoyu kullanabilmek için emulatör olarak kullanacağınız cihaza da expo uygulamasını yüklemelisiniz. Android için Google Play’de, iOS içinse App Store’da bulabilirsiniz.

IDE olarak Visual Studio Code tercih edeceğim. Bir çok farklı IDE kullandım ancak en sevdiğim IDEdir kendileri.

Projemizi oluşturacağımız klasörde cmd açarak ya da VS Code içerisindeki terminalde proje dizinine giderek şu komutu yazıyoruz. Eğer expo yüklü değilse yüklemek için:

npm install --global expo-cli

Expoyu yüklediyseniz proje oluşturmak için şu komutu yazıyoruz:

expo init ToDoList

Buradaki ToDoList proje ismimiz oluyor. Bu komut sonrası bize hangi template ile çalışmak istediğimiz soruluyor ve blank yani boş template seçiyoruz.

Projemizin gerekli dosyaları klasörümüze oluşturuluyor. Terminal içinde klasör dizininde:

expo start

komutu ile expoyu başlatıyoruz.

Şu an projemiz canlı bir şekilde expo sunucusunda çalışıyor. Telefonda kurulu olan expo uygulamasını açıyoruz ve Recently in Development kısmında projemize tıklıyoruz ve uygulamamız cihazımızda açılıyor. İlk çalıştırmada gerekli paket yüklemeleri bir kaç dakika zaman alabilir.

Uygulamamız açıldı ve ekranda App.js dosyası içerisinde Text etiketi içerisindeki metnimizi gördük.