React Native Serüveni #5 | Stillendirme | #reactnative #mobileapp #style #design #android #ios

Video Description

Hepinize merhaba dostlarım :) Ben Muhammed Fatih Her geçen gün gibi bugün de #reactnative teknolojisinden dozumuzu alarak yeni bir bölüme daha adımımızı atıyoruz. Özellikle bu bölümde biraz daha farklı, biraz daha eğlenceli işlerle haşır neşir oluyoruz :). Bu videoda sizlerle beraber bir mobil uygulamanın stillendirme işlemleri nasıl yapılır, etiketler üzerinde birden fazla stil nasıl verilir, stil dosyası dışarıdan nasıl çağrılır gibi konulara elimden geldiğince dilim döndüğünce değinmek istedim. Özellikle büyük küçük farketmeden bir uygulama geliştirme sürecine girdiğimizde son kullanıcının karşısında çok basit tasarımlar ve #input #text #view gibi yapıların basit bir şekilden ziyade gösterişli ve çarpıcı bir şekilde durmasını hepimiz isteriz. Bu yüzden de uygulamalarımızda stillendirme işlemlerine son derece dikkat etmeliyiz dostlarım :) Bölüm içerisinde yaptıklarımıza genel olarak bakacak olursak: -- View ve Text etiketlerini oluşturduk -- View ve Text etiketinde inline stillendirme işlemini gerçekleştirdik -- React Native tarafından bize sunulan #stylesheet kütüphanesini kullandık ve stilletimizi harici bir değişken ile çağırdık -- Stylesheet kütüphanesini harici bir dosyada tanımlayıp mevcut sayfamıza import ettik -- Birden fazla stillendirme objesini etiketler içerisine dahil ettik -- Tanımladığımız değişken tipinde stiller haricinde inline stillendirme ekleme işlemini gerçekleştirdik şeklinde özetleyebiliriz. İlk başlarda karmaşık veya zor gelebilir dostlarım anlıyorum. Öğrenme süreci içerisinde bu durumlar son derece doğaldır diyebilirim. İşte bu aşamada sizlerden istediğim tek şey her videomun sonunda dediğim gibi "İstikrarlı ve azimli olmalısınız, bolca pratik yapmalısınız" şeklinde olacaktır. Bu dediklerimi hayat felsefeniz yaptığınız sürece başarı sizler için kaçınılmaz olacaktır :) Şimdiden hepinize iyi çalışmalar iyi seyirler dilerim dostlarım :). Videoyu beğenmeyi, kanalıma abone olmayı ve bildirimleri açmayı, takıldığınız yerlerde yorum yapmayı unutmayın. Projemizin Kodları: https://github.com/turan1302/react-native-seruveni React + Laravel Eğitimleri için: WebRTC Projesi: https://tls.tc/04JnR Alışveriş Sepeti Projesi: https://tls.tc/rzCkV Chat Sistemi Projesi: https://tls.tc/7ePsd Radyo Çalar Projesi: https://tls.tc/5HITg React Native Eğitimi için: https://tls.tc/e5mIM - Sitelerim - MFSoftware Blog: https://mfsoftware.net/ Seyyar Yazılımcı (Yazılımcı Tartışma Platformu): https://seyyaryazilimci.com/ - Sosyal Medya Hesaplarım - Linkedin: https://www.linkedin.com/in/mfsoftware/ Instagram: https://www.instagram.com/mfsoftware.net.tr - React Native stillendirme teknikleri - Mobil uygulama tasarımı rehber - React Native stil kılavuzu - CSS React Native dersleri - React Native stil kılavuzu - Mobil UI tasarımı teknikleri - React Native style tips - React Native style tutorials - Mobile app development guide - React Native tutorial videos - App design React Native - React Native UI/UX design - React Native stil bileşenleri - React Native uygulama geliştirme - React Native stil oluşturma - React Native stil rehberi - React Native stil uygulamaları - Mobil uygulama tasarım trendleri - React Native themes styles - App styling tips - React Native example projects - React Native UI components - Mobile design tips - React Native components styling - Stil React Native uygulamaları - React Native tasarım ipuçları - React Native stil örnekleri - Mobil uygulama stilleri rehberi - React Native mobil tasarım - React Native responsive tasarım