Selamlar!
Web geliştirme süreçlerinde sıklıkla duyduğumuz bu kavramlar nedir ve aralarında nasıl farklar var bunlardan bahsedeceğiz ve bizim için uygun olana kendimiz karar verebileceğiz. İlk olarak bilinmesi gereken şey JS ile JSX aynı şeyler değildir.
JS Nedir?
JavaScript (JS) web geliştirmede kullanılan olmazsa olmaz derecede önemli bir yazılım dilidir. Hem tarayıcı hem de sunucu tarafında çalışan dinamik bir dildir. JavaScript , web sayfalarında etkileşimli ve dinamik işlevsellik imkanı sunarak, geliştiricilerin içeriği düzenleme, değiştirme, kullanıcı etkileşimlerini yönetmesi ve sunucularla iletişim kurulmasına olanak tanıyor.
Aşağıdaki örnek kodda react 18 ve sonrasında kullanılan React.createElement() ile return yapıyoruz. Oysa aynı işlemi yine JSX’de yapmak istediğimizde JSX Nedir kısmındaki örnek kodda da görebileceğiniz gibi daha temiz ve anlaşılır bir yapı yazıyoruz.
const App = () => {
return React.createElement("div", null, "Hello world!");
};JSX Nedir?
Diğer taraftan JSX, JavaScript + XML demektir. JSX, JS’in bir uzantısıdır ve JavaScript içinde HTML benzeri kod yazılmasına imkan verir. JSX kullanıcı arayüzleri oluşturmak için yaygın olarak kullanılan JavaScript kütüphanesi olan React ile yaygın olarak kullanılır. JSX, bileşenlerin yapısını ve görünümünü tanımlamak için daha açıklayıcı ve sezgisel bir yol sağlar ve karmaşık kullanıcı arayüzleri geliştirmeyi ve sürdürülebilir kılmayı kolaylaştırır. JSX kodu, tarayıcıda yürütülebilmesi için normal JavaScript koduna dönüştürülür.
const App = () => {
return <div>Hello world!</div>
}Kısacası JavaScript programlama dilinin kendisidir, JSX ise daha kolay ve okunaklı kod yazmamızı sağlayan bir sözdizimi uzantısıdır diyebiliriz.