bence önce anlaman gereken, html ve react'in kıyaslanabilir şeyler olmadığı :)
neden kullanmalısın sorusu ise, kullanmak zorunda değilsin. ama SPA (single page application) geliştireceksen bu tarz çatıları kullanmak senin işini hızlandırır, düzenli kod yazmanı sağlar, bir sürü problemle kendi başına uğraşmak yerine (ki çoğu zaman bilgin yetersiz kalacaktır) çatılar bunu senin için zaten yapıyor. reactive kodlama yapabiliyorsun, performansı çok daha yüksek olur, çok daha düzenli ve herkesin bildiği bir şey üzerine inşa edebilirsin yapını, ayrıca community (topluluk) de çok önemli, react'inde çok ciddi bir topluluğu var ve aradığın her şeyi bulup yeniden yazmak zorunda kalmadan kullanman mümkün. Ek olarak react'i öğrenince birkaç farklı react native'de yazmaya başlayabilirsin ve mobil uygulamaları geliştirebilirsin.
tabi yazılacak çok şey olabilir, en basiti bir spa örneğini (örn: open.spotify.com) olabilir, html-css-js ve react'i kullanarak 2 farklı şekilde yazmayı dene, neden ihtiyacın olduğunu bir noktada anlayacaksın zaten :)
ace editor kullanıyoruz, ek olarak markdown yazım formatını kullanıyoruz
hatan yearOfBirth değişkeninin fonksiyon gibi çağırıyor olman. Doğru kullanımı şöyle olacak
var yearOfBirth = 2001
console.log( new Date().getFullYear() - yearOfBirth )
$code = '<button>burası olduğu gibi <i>görünecek</i></button>'
echo htmlspecialchars($code);
her sayfa dinamik olarak oluşturuluyor ancak yeni bir sayfa olarak değil veritabanında tutuluyor ve dinamik olarak bu gösteriliyor yazılım dilleri kullanılarak.
yazılım dili olmadan ancak html sayfalarını çoğaltarak bir web sayfası üretilebilir o da günümüzde kullanılan bir şey değil.
şu an daha çok SPA dediğimiz single page application'lar javascript ile oluşturuluyor. Yani kaynakta hiçbir şey göremiyorsun ancak her şey javascript tarafından üretiliyor. Nihayetinde kullanıcının son gördüğü her zaman html css ve javascript'tir. arkaplanda neler olduğunu bilmek çok mümkün olmasada bazı eklentiler var kullandığı altyapıları vs. gösteren.
Örneğin builtwith.com var bunun tarayıcı eklentileri ile bazı bilgileri öğrenmek mümkün.
https://chrome.google.com/webstore/detail/builtwith-technology-prof/dapjbgnjinbpoindlpdmhochffioedbn
en meşhuru da sanırım wappalyzer
https://www.wappalyzer.com/
şöyle kullanman gerekiyor;
$tags = ['test', 'deneme', 'test', 'test', 'prototurk'];
$tags = array_values(array_unique($tags));
print_r($tags);
bu yöntem artık eskidi bunun yerine intersection observer api kullanılıyor, daha detaylı bilgi için paylaştığım videoya bakabilirsin
https://www.youtube.com/watch?v=kG-Av2q6AHI
css'de @font-face ile özel fontları kullanmak mümkün, dersi için:
https://www.youtube.com/watch?v=a4tUy50x49I
tam olarak spa sistemi değil verdiğin örnek push api ile yapmışlar javascript'te sen de benzer bir şey yapabilirsin şu videom vardı bir ara anlattığım bakabilirsin
https://www.youtube.com/watch?v=d6yBOnZ-S4A
80 portu kullanılıyordur kesin çok genel bir port, onun yerine başka bir port dene atıyorum 3032 portu olsun, zaten hata varsa terminalinde görmen lazım hatanın ne olduğunu