React sitenizi mümkün olduğunca hızlı ve erişilebilir hale getirmek mi istiyorsunuz? Doğru yere geldiniz.
React, kullanıcı arayüzü oluşturmayı kolaylaştıran açık kaynaklı bir kitaplıktır. Bu öğrenme rotasında, uygulamanızın performansını ve kullanılabilirliğini artırmak için kullanabileceğiniz farklı API'ler ve araçlar ele alınacaktır.
Bu kılavuzda, React uygulamasını nasıl kullanmaya başlayacağınız gösterilmektedir. Bu bölümdeki diğer tüm kılavuzlar, bir React uygulamasının hızını veya erişilebilirliğini optimize etmeye yönelik konuları kapsar.
Bu neden yararlı?
Hızlı ve güvenilir uygulamaların nasıl oluşturulacağını açıklayan çok sayıda içerik olsa da hızlı ve güvenilir React uygulamalarının nasıl oluşturulacağını gösteren çok fazla içerik yoktur. Bu kılavuzlar, tüm bunları bir React uygulamasının perspektifinden ele alır ve yalnızca React ekosistemine özgü kitaplıklar, API'ler ve özelliklerden bahseder.
Neler öğreneceksiniz?
Bu öğrenme rotasındaki eğitimlerde şunlara odaklanılmaz:
- React'i kullanma
- React'in arka plandaki işleyiş şekli
Gerektiğinde bu kavramların her ikisine de değinilecek olsa da bu bölümdeki tüm kılavuzlar ve codelab'ler, hızlı ve erişilebilir React sitelerinin nasıl oluşturulacağına odaklanacaktır. Bu nedenle, temel düzeyde React bilgisi gereklidir.
React uygulaması oluştur
Create React App (CRA), React uygulamaları oluşturmaya başlamanın en kolay yoludur. Modül paketleyici (webpack) ve programlama dili çeviricisi (Babel) içeren bir derleme sistemi de dahil olmak üzere bir dizi temel özelliğin yerleşik olarak bulunduğu varsayılan bir kurulum sağlar.
Komut satırı kabuğunda yeni bir uygulama oluşturmak için yalnızca aşağıdaki komutu çalıştırmanız gerekir:
npx create-react-app app-name
Komutun yürütülmesi tamamlandıktan sonra aşağıdaki komutları kullanarak uygulamaya gidip uygulamayı çalıştırabilirsiniz:
cd new-app
npm start
Aşağıdaki yerleştirme, yeni başlatılan bir CRA uygulamasının dizin yapısını ve gerçek web sayfasını gösterir.
CRA'nın, test için temel bir Jest kurulumu içeren bir webpack ve Babel derleme süreci oluşturmak için kullandığı birden fazla yapılandırma dosyası ve derleme komut dosyası vardır. Kullanıcı için işleri kolaylaştırmak amacıyla bu dosyalar gizlenir ve siz CRA'dan çıkarana kadar erişilemez. Mümkün olduğunca çıkarma işleminden kaçınmak her zaman en iyisidir. Çünkü bu işlem, tüm bu yapılandırma dosyalarını kendi kaynak kodunuz olarak kabul etmeniz anlamına gelir ve bu da yönetimi zorlaştırabilir.
Yeni bir CRA uygulamasının dizin yapısı, yalnızca uygulamanız üzerinde çalışmak için değiştirmeniz gereken dosyaları içerir. CRA belgelerinde bu konu ayrıntılı olarak açıklanmaktadır.
Sırada ne var?
Create React App oluşturmaya nasıl başlayacağınızı öğrendiğinize göre, bu öğrenme rotasındaki tüm kılavuzlarla uygulamanızın performansını ve erişilebilirliğini nasıl iyileştireceğinizi öğrenin: