Genel

Frontçu Abi’nin tüm yazılarını keşfedin.

10-React Native Ana Bileşenleri: Button

Yeni bölümden merhabalar. Geçtiğimiz bölümde temel bir bileşen olan Scroll View’dan bahsetmiştik. Şimdi ise sık kullanılan başka bir bileşen olan Button’dan bahsedeceğiz. Aşamalı bir şekilde ilerlediğimiz tüm React Native derslerine ulaşmak için buraya tıklayabilirsiniz. Button Bileşeni Buton bileşeni uygulamamıza fonksiyonel butonlar eklememizi sağlar. Mobil uygulamalarda butonlar olmazsa olmazdır. Şimdi butonları daha iyi anlayabilmek için VS […]

10-React Native Ana Bileşenleri: Button Read More »

09-React Native Ana Bileşenleri: Scroll View

Scroll View bileşeni bölümünden merhabalar. Geçtiğimiz bölümde aplikasyonumuza nasıl görsel ekleyebileceğimizden bahsetmiştik. Bunu Image bileşeni ile sağlıyorduk. Şimdi ise başka bir temel bileşen olan Scroll View’dan bahsedeceğiz. Basitçe ifade etmek gerekirse Scroll View, kullanıcının aşağıya/yukarıya doğru sayfayı kaydırmasını sağlar. Örneğin kullanıcımız, uygulamamızda yer alan uzun bir metni okumaya başlıyor. En sona geldiğinde ise yazının devamını

09-React Native Ana Bileşenleri: Scroll View Read More »

08-React Native Ana Bileşenleri: Image

Yeni bölümden merhabalar. Geçtiğimiz derste uygulamamıza metin basmamızı sağlayan Text’i işlemiştik. Şimdi ise bir başka olmazsa olmaz bileşenimiz olan Image’den bahsedeceğiz. Image bileşeni adı üstünde olduğu gibi uygulamamıza görseller eklememizi sağlar. Bu görseller sabit resimler olabileceği gibi internet üzerinden yüklenen resimler ve telefonumuzun dahili depolamasındaki resimler olabilir. React Native bu resimleri platforma özgü bileşenlere çevirir.

08-React Native Ana Bileşenleri: Image Read More »

07-React Native Ana Bileşenleri: Text

Bu yazıda, React Native’de Text bileşeninin nasıl kullanılacağını detaylı bir şekilde anlatıyoruz. Text bileşeninin özellikleri, iç içe geçmiş kullanımı ve stil verme konularını ele alıyoruz. Ayrıca, React Native’de metinlerin neden her zaman Text bileşeni içinde yazılması gerektiğini ve bu konuda karşılaşılan hataları nasıl çözebileceğimizi de gösteriyoruz.

07-React Native Ana Bileşenleri: Text Read More »

06-React Native Ana Bileşenleri: View

Geçtiğimiz bölümde React Native ana bileşenlerine genel bir bakış atmıştık. Kabaca View bileşeninden bahsetmiştik. Şimdi ise olmazsa olmaz React Native ana bileşeni olan View’dan daha detaylı bahsedelim. Bu arada React Native serisinin diğer derslerine ulaşmak için buraya tıklayabilirsiniz. View Bileşeni View bileşeni geçen derste de genel olarak bahsettiğimiz üzere kullanıcı arayüzleri oluşturmak için kullandığımız temel

06-React Native Ana Bileşenleri: View Read More »

05-React Native’in Ana Bileşenlerine Genel Bakış

Bir önceki yazıda React Native projelerimizin ön izlemelerini nasıl yapacağımızdan bahsetmiştik. React Native derslerimiz sırasıyla ilerlediği için en başından başlamak isteyebilirsiniz. Tüm React Native derslerine ulaşmak için buraya tıklayabilirsiniz. Bu dersimizde ise React Native’de kullanılan ana bileşenler nelerdir bunları öğreneceğiz. React Native’de En Temel Ana Bileşen Olan View’a Genel Bakış React ile geliştirme yaparken JSX

05-React Native’in Ana Bileşenlerine Genel Bakış Read More »

04-React Native Projemizin Ön İzlemesini Nasıl Yapacağız?

Yeni bölümden merhabalar. Geçtiğimiz bölümde React Native projemizi oluşturmuştuk ve kurulum sonrası oluşan dosyaların neler olduğundan bahsetmiştik. Bu bölümde ise projelerimizi yaparken ön izlemeyi nasıl yaparız ondan bahsedeceğiz. (Yani projemizi geliştirirken bir Android/iOS cihazda projemizin nasıl gözüktüğü.) Bu bölüme başlamadan önce diğer React Native bölümlerine ulaşmak isterseniz burayı ziyaret edebilirsiniz. Proje Ön İzleme Seçenekleri Expo

04-React Native Projemizin Ön İzlemesini Nasıl Yapacağız? Read More »

03-İlk React Native Projemizi Oluşturalım

Merhaba! İlk bölümde React Native’e kısa bir giriş yapmış ardından da ikinci bölümde React Native kurulumlarını gerçekleştirmiştik. Önceki yazılara ulaşmak için bu kategoriyi ziyaret edebilirsiniz. Şimdi, ilk React Native projemizi oluşturalım ve projemize genel bir bakış atalım. React native Projemiz Oluşturalım 1. Proje Klasörümüzü Oluşturalım Node.js ve Visual Studio Code IDE’sinin bilgisayarımıza kurulu olduğundan emin

03-İlk React Native Projemizi Oluşturalım Read More »

react native kurulumları kapak görseli

02-React Native Kurulumları

İlk bölümde React Native’e kısa bir giriş yapmıştık. Ne olduğundan, avantajlarından bahsetmiştik. Şimdi ise React Native ile geliştirme yapabilmek için gerekli kurulumları bu bölümde göreceğiz. Expo mu React Native mi? React Native’in ne olduğunu zaten görmüştük. Peki bu başlığın da konusunu oluşturan Expo tam olarak nedir? Expo bağımsız olarak geliştirilen ve yine bu bağımsız geliştirici

02-React Native Kurulumları Read More »

01-React Native Nedir? Ne İşe Yarar?

Uzun bir aranın ardından tekrar merhaba. ✍🏻 Mobil geliştirme özellikle son yıllarda epey önem kazandı. Ben de çalışmalarıma devam ederken bir yandan da React bilen front-end geliştiricilerinin öğrenmesinin epey kolay olacağı React Native konusunu da ürettiğim içeriklere dahil etmeye karar verdim. Adım adım başlayıp React Native’i örneklerle birlikte işleyeceğiz. Hazırsanız başlayalım. React Native Nedir? React

01-React Native Nedir? Ne İşe Yarar? Read More »

Scroll to Top