Aylar: Mayıs 2020

23 Mayıs 2020

MERN Stack Nedir ?

MERN; MongoDB, Express, React, Nodejs kelimelerinin baş harflerinden türetilmiş bir isimdir. Javascript ile tamamen baştan sonra bir uygulama geliştirmek için yeterli bir teknoloji yığınıdır. Son zamanlarımda neden javascript dünyasına hayranlık duyuyorum işte tamamen bunun için artık javascript ile bir ürünü çok kolay bir şekilde çıkartabilirsiniz. Sadece o alana özgü olan kütüphaneleri veya frame workleri iyi bir şekilde kullanarak güzel bir ürün ortaya koyabilirsiniz. %90 ‘ı javascript olan bir web […]

22 Mayıs 2020

React-Native 4 – View ve Flex box yapısı

Arkadaşlar selam,  View bizim html ‘de kullanıdımız div ile hemen hemen aynı işlemleri yapmaktadır.  Flex yapısı benim için react-native ortamında style işleri ile uğraşan biri için öğrenilmesi gereken en önemli konulardan biridir. Hayatımıza girmesi ile beraber esnek yapı kurmak istediğimizde bizim işimizi kolaylaştırmıştır. flex: bulunduğu alanı paylaşılmasını ve düzeninin boyutlarını gösterir. Flex:1  dersek kullanıldığı view o anki alanının tamamını kaplar flexDirection ->  Flex yönünü belirler.  […]

17 Mayıs 2020

React-Native 3 – Kurulum ve Sayfa yapısı

Kurulması gerekenler Öncelikle aşağıdaki uygulamaları ve paketleri yüklemeniz gerekmektedir. Bu kurulumlar, işletim sisteminize göre farklılık göstermektedir. 1-NodeJs 2- Brew 3- Mac için Xcode ve Android Studio. 4- Linux ve Windows için Android Studio 5- Npm üzerinden react-native CLI (npm -g install react-native-cli) Ben IDE olarak WebStorm kullanıyorum. Kurulum ve sayfa yapısını anlattığım videomu sizlere paylaşmak istiyorum.

15 Mayıs 2020

React-Native Dersleri 2 – State ve Props kavramları

State nedir ? State yalnızca sınıflar için kullanılabilen ve değişme durumu olabilen bir özelliktir. State bir sınıfın global değişkeni olarak düşünülebilir.  x => this.state  y => değişken State’e yeni bir değer eklemek istediğimizde  ‘ this.setState({x:y}) ‘ Props nedir? Birbirinden farklı componentler arasındaki veri iletişimini props ile saglarız.  Örneğin;  A component ‘inde bir liste var. Listeden herhangi bir item ’ın detayını görmek istiyoruz. Bunun için item […]

15 Mayıs 2020

React-Native Dersleri 1 – Yaşam döngüsü ve kavramları

1 – Constructor Sayfa ilk yüklendiğinde buraya gelir. Statelerimizi buraya ekleriz. this.state = {       data : [] } 2 – ComponentWillMount Component ekranı yerleştirilmeden render ’dan önce çalışmaktadır. Yani render işleminden hemen önceki tetiklenen Event’tir. Aynı constructor gibi özel tanımlı bir fonksiyondur. 3 – Render Sayfanın tüm UI komponentlerini buraya ekleriz. Bu metod diğerlerinden bagımsızdır. Render metodu olmadan component ‘ler çalışmaz. 4 […]

12 Mayıs 2020

React-Native Dersleri 0 – Kimdir bu React-Native

Selam arkadaşlar defalarca başlayıp sonunu getiremediğim bir yazı serisini bitirmek ümidiyle tekrardan başlıyorum. Bu arada React-Native kurulum işlemlerini 3. Kez anlatıyorum. İlk 4 sene önce anlatmışım. React-Native nedir ? – Facebook tarafından üretilen, cross-platform mobil uygulama geliştirme ortamı sağlayan bir framework diyebiliriz. 2013 Yaz’ında Facebook’un kendi içerisinde düzenlediği bir kod geliştirme etkinliğinde temeli atılıyor ve ekip 2 yıl boyunca geliştirdikleri prototipleri ve versiyonları düzenleyerek ilk […]