Blog
Mert Özen'in yazılım geliştirme, backend, frontend ve DevOps üzerine blog yazıları.
Angular Geliştiricisi için React: Library mi Framework mü, Zihinsel Model Farkları ve Ekosistem Haritası
React bir framework değil, UI library'si: component, state ve render'ı veriyor; router, veri çekme, form ve global state'i ekip ekosistemden seçiyor. Bookstore'un kitap kartını Angular ve React'te yan yana yazıyor, bir tıklamada React'in component fonksiyonunu yeniden çağırıp DOM'da yalnız iki text node'u değiştirdiğini gerçek çıktıyla gösteriyor, Angular kavramlarının React karşılıklarını tablo hâlinde veriyoruz.
JSX ve Component'ler: Template Yerine JavaScript, Props, children ve Liste Render'ı
JSX bir template dili değil, build sırasında _jsx() çağrılarına derlenen JavaScript'tir; koşul için &&, ternary ve erken return, liste için map ve verinin kendi kimliğinden gelen key kullanılır. Bookstore'un BookCard, BookList ve Layout component'lerinde props'u tipliyor, children ile ng-content'in karşılığını kuruyor; key={index}'in notu yanlış kitaba taşıdığını, 0 && ifadesinin ekrana 0 yazdığını ve dangerouslySetInnerHTML'in onerror kodunu çalıştırdığını gerçek koşularla gösteriyoruz.