React Serüvenim — Babel Js
bizimkisi bir babel hikayesi …
React dünyasına giriş sağladıktan sonra bize hangi aşamalarda neler kolaylık sağlar diye başladığımız serüvende karşımıza Babel Js çıktı …
Peki nedir bu Babel JS ?
Babel, çoğunlukla ECMAScript 2015+ kodunu eski JavaScript motorları tarafından çalıştırılabilen geriye dönük uyumlu JavaScript koduna dönüştürmek için kullanılan ücretsiz ve açık kaynaklı bir JavaScript dönüştürücüsüdür. Web geliştiricilerinin dilin en yeni özelliklerinden yararlanmasına olanak tanır.
babeljs.io web sitesi üzerinden yeni özelliklerine ve dokümanlarına erişim sağlayabilmekteyiz.
Template içeriğini oluşturmak ve tüm JS yeni özelliklerini anlayıp yorumlayabilmesi için çevrilmesi noktasında destek sağlayan babel, tüm tarayıcılarda çalışmasına olanak sağlamaktadır. Type script ve yeni JS için de kullanılmaktadır.
Presets olarak hangisini kullanacaksak ona göre kurulum yapmamız gerekmektedir. İlk öncelikli adım olarak setup kısmından kurulumunu gerçekleşmemiz gerekmektedir.
Terminal üzerinden;
npm init — yes
denilerek package.json dosyamız oluşturulur ve hangi paketlerin kullanılacağını bu kısımdan görebiliriz.
npm install — save-dev @babel/core @babel/cli
ile yüklememizi gerçekleştirip ilgili kısımları package.json dosyamızdan da teyit edebiliriz.
Presets için kurulumları da hangi framework için yükleme sağlayacaksak seçimimiz bulunmaktadır.
React için ilgili komutlarımız;
npm install — save-dev @babel/preset-env
npm install — save-dev @babel/preset-react
Projemiz altında .babelrc uzantılı bir dosya oluşturarak, projemiz altında hangi presetsleri kullandığını belirtebilmekteyiz.
{
"presets" : ["@babel/preset-env", "@babel/preset-react" ]
}Aynı zamanda ilgili komut için sürekli çalıştırmamıza gerek kalmadan package.json için de de tanımlayabiliriz.
Sonraki yazımda görüşmek dileğiyle, sevgiler. 🌸
