Published in Frontend Development With JS

·3 days ago

JS’in Güçlü ve Doğru Kullanılması

Bu blog Eric Eliott’un Elements of JavaScript Style blog yazısından alıntıdır. — “The Elements of Style” by William Strunk Jr 1920 yılında İngilizce’nin yazılarda, hikayelerde doğru kullanılması için bir rehber niteliğinde stilleri belirtir. Aynısını JavaScript için de uygulayabiliriz. Aşağıda belirttikleri kesin değişmez yasalar veya kurallar değil, zaman içerisinde doğruluğu ve başarısı kanıtlanmış stillerdir.

6 min read

6 min read

Published in Frontend Development With JS

·Nov 19

Transducers

Yazılımda bir girdiyi dönüştürerek istenen farklı bir çıktılar oluşturan fiziksel parçalara Transducers (Transdüser) denir. Elektrik devrelerinde sinyal işleme, veya Yazılımda Data Flow (Veri Akışlarındaki) dönüştürme işlemlerinin soyutlanmasıdır. — Transducers daha iyi anlaşılması için aşağıdaki alıntıyla başlamak istiyorum. Transdüser aslında bizim hayatta sıklıkla kullandığımız fiziksel cihazlar.

Java Script

4 min read

Java Script

4 min read

Published in Frontend Development With JS

·Nov 18

Lenses

Fonksiyonel Programlamada Object, Array vb veri yapıları üzerindeki belli alanda işlem yapmanızı sağlayan set, get(view), ve over fonksiyonları ile bu işlemleri soyutlayarak ortak davranışlara dönüştüren yaklaşımdır. — Normalde basit bir obje ile çalıştığımızı düşünelim. Aşağıdaki örnekte olduğu gibi. const obj= {a:1, b:2, c:3} bu objenin b elemanını okumak veya bunun üzerine bir şeyler yazıp değiştirmek istediğimizde get ve set fonksiyonlarına ihtiyaç duyarız.

Java Script

3 min read

Java Script

3 min read

Published in Frontend Development With JS

·Nov 2

Badge Bileşeni (React)

Badge Bileşeni Nedir ? React UI Framework’leri Badge bileşeninin nasıl ele almış ?. Bu blog yazısında bunu analiz edeceğim. — Bir UI elementinin yanında ekstra bilgi vermek için kullandığımız rozetler;

React

2 min read

React

2 min read

UI Common Components

Badge Bileşeni (React)

Badge Bileşeni Nedir ? React UI Framework’leri Badge bileşeninin nasıl ele almış ?. Bu blog yazısında bunu analiz edeceğim.

Bir UI elementinin yanında ekstra bilgi vermek için kullandığımız rozetler;

Published in React Digital Garden

·Nov 1

What is new in My Digital Garden Last Month — (in Oct 2022)

Every month I give updates on my digital garden. In May, I focused mainly on icons and editable labels. 1. Dashboard — (Editable Native Label) Here you will find a quick demonstration. This is a sample Editable Label application. It uses div content editable capability.

React

2 min read

What was new in My Digital Garden Last Month — (in Oct 2022)

React

2 min read

REACT DIGITAL GARDEN

What is new in My Digital Garden Last Month — (in Oct 2022)

Every month I give updates on my digital garden. In May, I focused mainly on icons and editable labels.

1. Dashboard — (Editable Native Label)

Here you will find a quick demonstration. This is a sample Editable Label application. It uses div content editable capability.

Published in Frontend Development With JS

·Oct 31

Next.js 13

Geçen Hafta Next Conf vardı, Bu konferans React’ın en fazla kullandığı Framework olması açısından önemli. — Next 13 ile bir çok yenilik beraberinde geldi. Bunlar; Framework kısmında Bundling kısmında ve Analytics kısmında Bu değişiklikler piyasada bulunan diğer rakip Framework iyi özelliklerini kendisinde toplamak veya onlar ile yarışacak kütüphaneler ve araçlar çıkarmak şeklinde oldu. Framework kısmında (Remix ve RectQuery, ReactLocation benzeri yaklaşımları getirmişler)

Next 13

2 min read

Next 13

2 min read

Published in Frontend Development With JS

·Oct 18

React Projemizi JavaScript’ den TypeScript’ de Nasıl Dönüştürebiliriz ? -3

Burada amacım önceden Class Component kullanarak yazmış olduğumuz React projesini TypeScript dönüştürürken nelere dikkat etmemiz gerektiği üzerinde duracağım. — Bu yazıda React kütüphanesinin sağladığı yapıları nasıl TypeScript içerisinde kullandığımız üzerinde duracağım. React.Element, React.Node, React.Fragment, React.Component React Element React.createElement ile Elementler oluşturup ReactDOM.render içerisinde bu elementlerin ekrana çizdirilmesi için Virtual DOM üzerinden işleme girmesini sağlar.

React

2 min read

React

2 min read

Published in Frontend Development With JS

·Oct 18

React Projemizi JavaScript’ den TypeScript’ de Nasıl Dönüştürebiliriz ? -2

Burada amacım önceden Class Component kullanarak yazmış olduğumuz React projesini TypeScript dönüştürürken nelere dikkat etmemiz gerektiği üzerinde duracağım. — İlk yazıda React için örnek bir projeyi alıp uygulamayı göstermiştim. Temelde yapmamız gereken bileşen için aşağıdaki yapılar için tanımlamarı belirlememiz gerekiyor.

Typescript With React

2 min read

React Projemizi JavaScript’ den TypeScript’ de Nasıl Dönüştürebiliriz ? -2

Typescript With React

2 min read

Published in React Digital Garden

·Oct 11

What is new in My Digital Garden Last Month — (in Sep 2022) — includes 122 Apps

I will continue to improve Digital Garden applications Intelligibility. — In Sep 2022 I did not add any new application to Digital Garden. Instead of developing something new, I thought I should develop digital garden intelligibility. But How ? Navigations and Filtering Informations & Usage Videos 1. Navigations In My Digital Garden includes 122 applications . Every application has different features and…

React

3 min read

What is new in My Digital Garden Last Month — (in Sep 2022)

React

3 min read

Published in Frontend Development With JS

·Oct 10

React Projemizi JavaScript’ den TypeScript’ de Nasıl Dönüştürebiliriz ? -1

Burada amacım önceden Class Component kullanarak yazmış olduğumuz React projesini TypeScript dönüştürürken nelere dikkat etmemiz gerektiği üzerinde duracağım. — Daha öncesinde TypeScript ile React Projesi ortamı oluşturma adımlarını aşağıdaki blog post’ da yazmıştım. Vite + React + TypeScript ile Counter Uygulaması Bu yazıda amacım ortam oluşturma olmadığı için dileyenler yukarıdaki yazıyı okuyarak ortamlarını hızlıca oluşturabilirler.

React

3 min read