Burak Behlül

Mala Anlatır Gibi React — 3: React.memo, useMemo, useCallback React (Resim, 1.) useMemo , hesaplama açısından maliyetli işlemleri tekrarlamadan kaçınmak için kullanılır. Bir değer veya hesaplama işlemi, bağımlılık olarak belirlenen değişkenler değişmediği sürece önbelleğe alınır. Bu sayede, gereksiz yere tekrar hesaplama yapılmaz ve bileşenin performansı artar. Nasıl çalışır? import React , { useMemo } from 'react' ; function Ornek ( { num } ) { const expensiveComputation = useMemo ( () => { console . log ( "Başlıyor..." ); return num * 2 ; }, [num]); return < div > {expensiveComputation} </ div > ; } useCallback , bir fonksiyonu bağımlılıklarına göre önbelleğe almak için kullanılır. Bu sayede, fonksiyon her render'da yeniden oluşturulmaz. Özellikle, alt bileşenlere prop olarak fonksiyon geçerken faydalıdır, çünkü her render'da yeni bir fonksiyon oluşturulursa, alt bileşenler tekrar render olabilir. Nasıl çalışır? import Re...

Seçim kazanılmadı, kaybedildi. Seçim her şeye rağmen iktidar partisinin oy alması bile bir zaferdir. Çünkü iktidar partisinin aldığı ciddi oy oranları bile muhalefet partilerinin ne kadar başarısız olduğunu gösterdi. Halk, Muhalefet partilerini sevdikleri veya benimsedikleri için değil, iktidar partisini cezâlandırmak için oy attılar. Bu demek oluyor ki, muhalefet partileri başarısız idiler. Yani kendilerine rağmen, kendileri kazanmışlardı. Ama iktidar partisinin getirdiği pahalılık ve aşırı yüksek zamlardan dolayı emekli ve işçiler dayanamayıp muhalefete oy attılar. Bunu CHP değil, alternatif partiler olarak da görebiliriz, meselâ: Yeniden Refah. Yani halk AKP basmak istiyordu, fakat yarattıkları hayat pahalılığı sebebiyle, cezâlandırmak manâsı ile muhalefete oy attılar. CHP’nin tüm başarısızlığına rağmen kazanması da ayrı bir gariplik oluşturdu. Anti-AKP oylarıyla başa geçmeleri can sıkıcı. Fakat CHP iyi bir propaganda yapar, kendini savunur ve halka kendini anlatabilirse, sorunları ...

Açlığa ve Pahalılığa mahkum edilmek Bu yazıyı yazarken, şun söyleyebilirim ki: gerçekten çok zor. Asgarî ücret açıklanmadan önce ki ve sonra ki fiyatlara bakınız. Asgarî ücret zâten yetmiyordu. Hele ki, emekliler. Asgarî ücretten önce ki ve sonra ki zamlara bakın. Ve seçimden sonra da baya bir zam yapılacağı söyleniyor. Peki ya, halk neden tepki göstermiyor? Halk “ vatan elden gidecek, aman kemeri sıkın ” diye uyutuluyor. Bunca yıl elden gitmeyen vatan ve bayrak şimdi gidecekmiş. Bunlar tabiî hikâye. Ancak her devletin düşmanı olur, her devletin rakibi ve beka meselesi olur. Ancak bunu milletin ekonomik sıkıntısına bahane etmek için kullanılması bir şeytan oyunudur. Peki ya, beslenemeyen halk ve onların gelecek neslî vadeden çocukları? İşte bu durum, şunu açıklar: Bu halk açlıktan, yoksulluktan ölünce, bu vatan kime satılacak? Kime bırakılacak? Düzgün beslenenemeyen düşünemeyen bir nesil yaratınca, kimin işine yarayacak? En temel ihtiyaçların fiyatları artıyorken, halkın ses çıkarm...

 Mala Anlatır Gibi React — 2: Temeller Temelleri aslında ilk yazı da anlatmam gerekirdi, fakat pek önemli görmedim. Diğer yazı daha çok, React’ın yapısını anlamış ama hooks’ları anlayamamış kişilereydi. Ama fakat, diğer ufak-tefek şeylere de değinmek gerektiğini düşündüm. Projeyi ayağa kaldırmak Projenin bağımlılıklarını yüklemek: npm i Projeyi çalıştırmak: npm run dev import ve from import ve from, genellikle bir dosyayı veyahût kütüphaneyi dahil ederken kullanılır. Meselâ, React içinde react kütüphanesini kullanacağımız vâkit: import {useState} from ‘react’ kullanacağız. Burada import {} ile aldığımız şey, kütüphane içindeki fonksiyonlardır. from ise nereden olarak diye tanımlayabiliriz. şöyle de alabilirdik: import React from ‘react’ fakat kullanımı şöyle olurdu: React.useState() bu yüzden {} içerisiden almak mantıklı olacaktır. import ve from: Bir React dosyası dahil etmek bir React dosyası dahil etmek istediğiniz de ise aynı görevi görecektir. Fakat farklılık şu...

Halil Konakçı Dosyası Halil Konakçı, birçok konuşmasıyla gündeme gelen bir camii imamıdır. Biri Hz.Muhammed’e küfür etti diye, Atatürk’ü hedef gösteren biridir. Kendisi lâiklik ve Atatürk düşmanı olmasıyla tanınır. Mısıroğlu çizgisinde biridir. Gelgelelim diğer skandallarına: 6 Şubat depremi için “ Bu deprem, bu musibet Müslümanların günahlarına kefaret olması için geldi. ” dedi. ( Video ) Binlerce kişinin ölmesi, günâhlara kefaretmiş.. Cumhuriyetin ilk kuruluş döneminde, Cumhuriyeti yıkma girişiminde bulunmuş Şeyh Said için “ İslâm kahramanı ” dedi. ( Video ) Arap Hayranlığı: Hatay Araplarınmış, Arap çoğunluktaymış: “ Hatay, Arap yurdudur. ” ( Video ) (Burada bir parantez açmak gerekir. Sözünün kırpıldığını söylüyor. Fakat sözü kırpılmış olsa bile aynı anlama çıkıyor.) “ Sadece Hatay değil, trafikte geçiş üstünlüğü de Araplarındır.. ” ( Video ) Bir videosunda, “ Hayır, Araplar, Türklere ihanet etmedi! Bunlar yalan, bunlar yalan! ” diyor. Oysa Arapların, Türklere karşı ihanetini; H...

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...