Yazar: Turan Yunus

- 1994 İZMİT Doğumluyum. 6 aylıkken yürüdüğümü ve 5 yaşındayken okuma ve yazmayı söktüğümü ailem ve akrabalarım yanımda, beni onaylamasa asla kimseye inandıramayan birisiyim.
11 Ağustos 2021

Pern Stack ile UG – 3 – Indexjs ve Router yapısı

Selamlar, bugün yepyeni bir bilgi paylaşımı ile sizlerleyim. Projemizi oluşturduk artık içini yavaş yavaş doldurmaya geldi. Evet ilk olarak routes ve controllers altına user.js adlı iki dosya oluşturalım. Daha sonra hemen ana dizindeki index.js dosyamızı açıyoruz ve içini dolduruyoruz. Projeme eklediğim paketlerden daha önceden bahsetmiştim. require(‘dotenv’).config(); const express = require(‘express’); const app = express(); // MIDDLEWARE app.use(express.json()); app.use(express.urlencoded({ extended: false })); // COOKIE const cookieParser […]

2 Ağustos 2021

Pern Stack ile UG – 2 – Proje Kurulumu

Arkadaşlar selam,İlk olarak projemiz için bir klasör oluşturuyor ve onu vs code ortamında açıyoruz. 1 – Hemen klasör içine index.js klasörümüzü oluşturup bırakalım. Çünkü package.json main kısmında index.js yazmasını istediğim için ilk index.js ‘i oluşturdum. 2- Açtıktan sonra terminalden npm init-y kodunu yazıp enter tuşuna basıyoruz. 3 – Projemizin içine package.json dosyamızın oluştuğunu göreceksiniz. package.json bizim tüm modüllerimizin referans olarak gösterildiği yerdir. 4- Daha sonra […]

9 Ekim 2020

React-Native 9 – Header Component

Artık uygulamamıza güzel bir header componenti yakışır bence onun için kolları sıvıyoruz. İlk olarak hemen hemen her projemde kullandığım native-base paketini projemize ekliyoruz.

9 Ekim 2020

React-Native 8 – Hook kimdir, kimlerdendir ?

React 16.8’le beraber hayatımıza hook’lar girdi. Peki neden böyle bir şeye ihtiyaç duyuldu? React’ın en zayıf ve tartışılmaya açık noktalarından biride kod karmaşıklığıydı. Yaşam döngüsü sırasında bir çok bileşen vardı. Örn: componentDidMount, componentDidUpdate vs gibi bu da kodu çok karmaşık ve kalabalık hale getiriyordu. Proje büyüdükçe kodların okunması ve kodlara açıklık getirmek bir hayli zor oluyordu.

8 Ekim 2020

React-Native 7 – React-Navigation ile DrawerMenu

Selamlar, Artık tamamen kodlamaya ve paket yönetme ve kurma odaklı gidiyoruz. Tüm geliştirmelerimi tamamen iOS ortamında yapacağım. İlk olarak DrawerMenu(Yandan Açılan Menü) kullanıcam. Çünkü Drawer menü hakkında daha az kaynak oldugunu düşünüyorum.  Bu konu biraz uzun olabilir. Bilginize … İlk olarak React-Navigation Drawer Menu için gerekli olan paketleri yükleyelim. npm install @react-navigation/native @react-navigation/drawer @react-navigation/stack react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view Daha sonra, bulundugumuz dizinde cd ios/ […]

20 Ağustos 2020

React-Native 6 – Dosya Yapısı

Selam herkese, Uygulamayı oluşturduk. Artık yavaş yavaş mimarimizi ve neler yapacağımızı kesinleştirmek istiyorum. Şu an tüm klasörlerimi oluşturdum.  assests : Bizim varlıklarımızın bulunduğu dosyadır. Resimde de gözüktüğü gibi fontlarımız, ikonlarımız, resimlerimiz vs vs gibi varlıklarımızı burada tutacağız. components : Bizim bileşenlerimizi özelleştirmek istediğimizde özelleştirilmiş bileşenlerimizi burada tutarız. Genel bir buton yapıp tüm sayfalarda kullanmak istediğimizde o butonu özelleştirdikten sonra bu alanda muhafaza ediyoruz.  screens : […]

20 Ağustos 2020

React-Native 5 – Proje Kurulumu

Herkese Selam, React-Native ile bir kaç bir şeye değindikten sonra proje kurulumu için kolları sıvayalım. İlk olarak projemizi aşağıdaki kod ile oluşturalım. npx react-native init LearnReactNative Genellikle ugraştıgımız klasörleri anlattım. Diğer dosyalarada işimiz düşerse anlatırım ama şu anlık kafa karışıklığına gerek yok. android : Native Android tarafındaki değişikliklerimiz burada mevcuttur iOS : Native iOS tarafındaki değişikliklerimiz burada mevcuttur node_modules : Projemizin npm paketlerinin tutulduğu alandır. package.json – package-lock.json : Uygulamanının […]

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 […]