const element = <h1>Merhaba Dünya! Bu string yada HTML değildir. Buna JSX denir, JavaScript için bir syntax uzantısıdır. JSX , React elementleri üretir. Başlamanız için gerekli olan JSX ‘in temel bilgilerine aşağıdan erişebilirsiniz.30 Ara 2017
Read moreJSX uzantısı nedir?
JSX ExtendScript dili, JavaScript dilinin bir uzantısı olarak yazılmış bir betik. Adobe Creative Suite uygulamaları için eklentileri yazmak için kullanılır, ve Adobe Utilities dahil ExtendScript Toolkit kullanılarak oluşturulabilir.
Read moreCSR ve SSR nedir?
Javascript kaynaklarının render edilmesi SEO çalışmalarında önemli bir rol oynuyor. İnternet sitelerinin önünde iki yol var, render işlemi tarayıcı tarafında yani Client Side Rendering ( CSR ) veya sunucu tarafında yani Server Side Rendering (SSR ) ile yapılabilir. …
Read moreHelmet React nedir?
React Helmet Aşağıdaki yapıda meta verileri içeren bir örnek kod yapısı gösterilmektedir; Description öğesi gelmiyorsa ve o sayfaya özel veya otomatik yapıda description verilemiyorsa sayfa içeriğinin ilk örneğin 160 karakterini alacak şekilde description kısmını doldurabilirsiniz.27 Nis 2020
Read moreReact Server Component nedir?
Server components , uygulama performansını iyileştirmek için sadece server ‘da çalışan react component ‘leri yazmamızı sağlayan bir yoldur. Şimdilik deneysel ve geliştirme aşamasında olan özellik, şu anda yalnızca Node.js server ortamında kullanılabiliyor.
Read moreCreate React App nedir?
Create React App , React öğrenmek için rahat bir ortamdır ve React ile yeni bir tek sayfa uygulama geliştirmeye başlamanın en iyi yoludur. En son JavaScript özelliklerini kullanabilmeniz için geliştirme ortamınızı kurar, güzel bir geliştirici deneyimi sağlar ve uygulamanızı canlı ortam (production) için optimize eder.
Read moreReact projesi nasıl başlatılır?
create-react -app filename komutu ile projeyi başlatabiliriz. Proje Server üzerinde başlatıldıktan sonra bize Local de localhost:3001 portunda çalıştırıldığını ve Network de ise Ip4 üzerinde 3001 portunda başladığını belirtiyor. ile bir React projesi oluşturulabilir.
Read more