husonet | Tarih: 17.07.2017
Linux (Ubuntu/Debian) ortamında React kurulumu
React, NodeJS, JavaScript
[h2]React Nedir?[/h2]
Facebook tarafından geliştirilen, kullanıcı arabirimleri oluşturmayı kolaylaştıran bir JS kütüphanesidir. React doğrudan DOM üzerinde değişiklik yapmak yerine Sanal DOM üzerinde değişiklik yapar.
Peki DOM nedir?
React'ın popüler geliştirme desenlerinden biri olan MVC'nin View kısmına benzetilebilir. Geliştirme aşaması oldukça basit ve eğlencelidir. Büyük çaplı prpjelerde işi kolaylaştırma özelliğine sahiptir. Facebook ve Instagram bu sistem ile çalışmaktadır. JSX adlı işleri kolaylaştıran bir syntax eklentisine sahiptir.
JS:
JSX:
React ile geliştirme yaptıktan sonra React Native'e de bakmanızı öneririm.
Öncül Gereksinimler:[/br]
NodeJS LTS:
NodeJS Current:
Built Tools:
Bu kurulumlardan sonra proje klasörü açıp dizinde o klasörün içine gidin.
Projenizi browser da tekrar açmak için dizinde proje klasörüne gelip (ÖRN:reactapp)
Facebook tarafından geliştirilen, kullanıcı arabirimleri oluşturmayı kolaylaştıran bir JS kütüphanesidir. React doğrudan DOM üzerinde değişiklik yapmak yerine Sanal DOM üzerinde değişiklik yapar.
Peki DOM nedir?
DOM, HTML ile programlama dilleri arasında bir standart oluşturarak bu dillerin HTML den bilgi alıp, bilgi vermesine yardımcı olur. DOM, Nesneler ve özelliklerden oluşur. DOM'da HTML ile hazırladığınız sayfa, belge; bu belgenin içine yerleştirdiğiniz her türlü öğe ise nesne olarak adlandırılır.
React'ın popüler geliştirme desenlerinden biri olan MVC'nin View kısmına benzetilebilir. Geliştirme aşaması oldukça basit ve eğlencelidir. Büyük çaplı prpjelerde işi kolaylaştırma özelliğine sahiptir. Facebook ve Instagram bu sistem ile çalışmaktadır. JSX adlı işleri kolaylaştıran bir syntax eklentisine sahiptir.
JS:
React.createElement("div", {className: "div-class"}, "React!!");
JSX:
<div className="div-class">React!!</div>
React ile geliştirme yaptıktan sonra React Native'e de bakmanızı öneririm.
Öncül Gereksinimler:[/br]
NodeJS LTS:
curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
sudo apt-get install -y nodejs
NodeJS Current:
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
sudo apt-get install -y nodejs
Built Tools:
sudo apt-get install -y build-essential
Bu kurulumlardan sonra proje klasörü açıp dizinde o klasörün içine gidin.
npm install -g create-react-app
create-react-app reactapp
cd reactapp
npm start
Projenizi browser da tekrar açmak için dizinde proje klasörüne gelip (ÖRN:reactapp)
npm start
demeniz yeterlidir.