Burak Behlül

Typescript Öğrenmek Typescript, Javascript’in bir süper setidir. Bir derleyicidir ve kodlarını Javascripte dönüştürür.  Typescript, Javascript’e ek özellikler getiriyor. Normalde Javascript’de değişkenlere tip veremiyoruz. Ama Typescript bunu sağlıyor. Çünkü JS dinamik tiplere sahiptir ama TS static tiplere sahiptir. Nesne Tabanlı Progralama (OOP) terimlerini getiriyor. Özellikle soyutlama ve kapsülleme. Typescript’i derlemek için kendi derleyicisini kullanabilirsiniz. Ayrıca babel, webpack ile de derleyebilirsiniz. (Görsel, I) Kurulum: npm i -g typescript Bu komut global olarak kurar.  Derleme: tsc dosya.ts Birkere derler ve bırakır. Ama her değişikliğinizde derlemesini istiyorsanız: tsc dosya.ts -w Tipler Neyse, gelin ilk içeriğimizi yazalım, bir yazılımcı klasiği olan “ hello world ” ile başlayalım: let text : string = "Hello World" ; // Tipini 'string' yaptık. text = "Merhaba dünya!" // Böyle dersek, kabul eder. text = 5 // Dersek eğer hata verir. Se...

Mala Anlatır Gibi React — 1: Kurulum ve Hooks. React kurulumu (2 yöntem) React’ı kurmadan önce, Nodejs ’i kurmalısınız. Yoksa yükeyemez ve çalıştıramazsınız. Sonra bir terminal ’e ( CMD ya da Shell ) girip: CRA için: “npx create-react-app my-react-app” (1. Yöntem) Vite kurulumu için: “npm create vite@latest my-react-app — template react” (2. Yöntem) useState hook’u kullanımı useState, bir değer tutar meselâ useState(‘merhaba takipçilerim’) gibi, bakın: Görsel, 1. Bunun çıktısı 0 olacaktır. Çünkü useState’de (0) dedik. Eğer 0 yerine “ Merhaba takipçilerim ” yazsaydık ekrana o gelecekti. “ İyi de bu ne işe yarayacak? ” dediğinizi duyar gibiyim. Verileri manipüle etmemize yarar. Yani verileri tutarız ve sonra değiştiririz. Hadi yapalım. Normal HTML’de, onclick ile açtığımız tagı burada onClick ile açacağız ve içerisine fonksiyon vereceğiz. Yani şöyle önizleme yapalım, projeye geçmeden önce: onClick={()=>} Şimdi proje de nasıl kullanacağımıza bakalım. Görsel, 2. Eğer, setSay...