SORU Hangi front-end frameworkü önerirsiniz

barisprlk0

Kayıtlı Kullanıcı
Katılım
3 Ara 2020
Mesajlar
42
Tepkime puanı
14
Puanları
8
Konum
Gürsu / Bursa
Merhaba ben back-end için django kullanıyorum ancak front-end için ne kullansam karar veremiyorum.
Hangi front-end frameworkü önerirsiniz , neden?
 

arcface

Âyinesi iştir kişinin lafa bakılmaz
Kayıtlı Kullanıcı
Katılım
25 Eyl 2020
Mesajlar
216
Tepkime puanı
162
Puanları
48
Konum
istanbul
Web sitesi
www.arcface.net
vue ile bootstrap birleşimi her işini kolaylaştırır en popüleri de zaten şuan da vue birde link bırakayım.

Yeni şeyleri seviyor olsam da ben hala javascript tarafında kütüphane olarak jquery kullanıyorum bunun sebebi pazarım türkiye olması insanlar ucuz *** peşinde olduğu için yeni nesil şeylere daha çok ödeme yapmak istemiyor şirketlerde buna o kadar alışmış ki paylaşımlı hostinglerin çoğu geçtim vue'yu angular, react bile desteklemiyor yani pazarın yurt dışı ise direkt vue öneririm.

Ama pazarın türkiye ise jquery ile bootstrap kullan geç boş yere kendini yormuş oluyorsun onlar için dış görünümü önemli dışardan görünen şey istediği şey olsun alt planda istersen hiç bişi kullanma.
 

RawShed

Kayıtlı Kullanıcı
Katılım
15 Ara 2020
Mesajlar
20
Tepkime puanı
34
Puanları
13
Frontend frameworkü derken? JavaScript frameworkü mü CSS frameworkü mü?

JS => Vue, React
CSS => Bootstrap, Tailwind olabilir.
 

mrmerc

Yönetici
Katılım
13 Şub 2020
Mesajlar
20
Tepkime puanı
35
Puanları
18
Konum
Istanbul, TR
Web sitesi
www.mrmerc.net
İster backend ister frontend olsun framework seçiminde ilk bakılması gereken şey ihtiyaçları karşılayıp - karşılayamadığı veya ne derece karşıladığı. Bunu netleştirdikten sonra karar verilmesi gereken bir kaç parametre var.
En önemlileri şunlardır;

1- Self Proven (FW'nin kendini production ortamında kanıtlamış olması)
2- Common Usage (Yaygın kullanım)
3- Ease of Learning (Öğrenme kolaylığı)
4- Issues & Fixes (Buglar ve bunların çözümü)
5- Community Support (Topluluk Desteği)
6- Performance (Performans)
7- Security (Güvenlik)
8- Package Management & Dependency Injection (Paket yönetimi ve bağımlılık)
9- Team Member Integration (Ekip halinde kullanılıyorsa sonradan gelenleri sisteme entegre kolaylığı Madde 2 ve 4)
10- Scalability & Modularity (İhtiyaçlara göre genişleyebilme ve modüler olma)

Bunlar karar aşamasındaki en önemli kriterler. Bir de bunlara bağlı olmayan başka kriterler var.
Mesela;

  • Deneyimlere bağlı kişisel tercih
  • Yeni bir FW öğrenmek için yeterli zaman olup olmaması
  • Kendi fwni geliştirmek yada open source fwlere alternatif çıkarmak gibi.

Parametrelerimiz belli, sonraki adımımız ne ?

Sonraki adımımız seçtiğimiz frameworku test aşamasında kullanmak, basit bir Hello World veya Todo List app yaparak bize uygunluğunu test etmek. Böylece hem yukarıdaki maddeleri test etmiş oluyoruz hem de bireysel olarak bu frameworku kullanmaya ne kadar yatkın olduğumuzu görüyoruz.

Frontend fwleri yapıları itibariyle backend fwlerinden farklıdır. Sadece UI yani tasarım amaçlı kullanılan fwler olabildiği gibi (Bootstrap, Tailwind, Bulma) gibi, işin engineering yani mühendislik (yapısal tasarım da diyebiliriz) tarafına odaklanan fwler de var. (Angular, Vue, Svelte) gibi.

Peki Hangisi ?

Buna cevap verebilmek için önce library ve framework arasındaki farkı bilmemiz lazım. Library: İşe yarar, kullanıma hazır fonksiyonların yer aldığı bir kütüphanedir. Bunu gerçek hayattaki kütüphaneye benzetebiliriz. Tarihle ilgili metodlara/bilgilere ihtiyacımız varsa tarih rafındaki kitapları okuruz. Psikoloji alanında bilgiye ihtiyacımız varsa bu alandaki kitaplığa gideriz. Genel olarak library tanımını bu şekilde yapabiliriz. Libraryler çok karışık olmayan, basit işlerde kullanılır. Örnek verecek olursak jQuery ve React en yaygın kullanılan kütüphanelerdendir.

Framework ise; içinde birden fazla kütüphane olan ve bu kütüphaneleri birbirleriyle entegre/uyumlu çalıştırabilen, yapıları itibariyle complex yapılardır. Fwler daha karışık ve yoğun projelerde kullanılır. Vue, Angular, Svelte'yi bu kategoride örnek gösterebiliriz.

Bütün bu bilgileri aldıktan sonra sıra geldi en önemli kısma;

Projenin Gereksinimleri

Gerekli tanımlamaları yaptık, test uygulamamızı da yazarak bütün adımları tamamladık. Şimdi projemizin ihtiyaçlarına bakmamız lazım. İhtiyaçları netleştirmek adına kendimize şunları sorabiliriz;

  • Projede API entegrasyonu (web servis) var mı ?
  • Sayfa yapısı (routing) gerekiyor mu ?
  • Sayfa içerisinde dinamik güncellemeler (live stream) olacak mı ?
  • Proje gereksiniminde ekstra plugin kullanmak gerekiyor mu? Gerekiyorsa hangi yapı bunları daha kolay ve uyumlu sağlıyor ?

gibi gibi.

Misal; 5-10 sayfadan oluşan kurumsal web sitesi için (eğer cms altyapısı yoksa) öyle aman aman fw kullanmaya gerek olmayabilir. Fwler böyle bir iş için kaynak israfı olabilir ve bu bize performans + güvenlik olarak geri dönebilir. Fw'nin yapacağı işi herhangi bir kütüphane rahatlıkla yapabilir.

Ama daha karışık projelerimiz varsa, birden fazla sayfayı dinamik olarak yönetmek istiyorsak, yoğun web servis akışı ve sayfa içi dinamik güncellemeler çok fazla ve sıksa bir framework kullanmamız gerekebilir. İşte bu durumda yukarıda bahsettiğimiz parametreleri göz önüne alarak bir karar vermek gerekecek. Bu aşamada frameworkleri test ederek işe uygunluğuna karar verip kullanıma karar verebiliriz. Eğer hala kararsız kaldıysak, kıdemli birisine danışarak destek istebiliriz.

Bunları özet geç, hangisi ?

Bu sorunun NET BİR CEVABI yoktur, ihtiyaca binaen alet seçilmelidir. Çekicin yeterli olduğu noktada balyoz kullanırsak kaynak israfı yapmış oluruz. Balyoz gereken yerde çekiç kullanırsak ihtiyacı karşılayamayız.

Güncel teknolojileri (Angular, React, Vue) bi özetlesek peki ?

Tabi hemen özetleyelim.

React

2013 yılında Facebook tarafından icat edildi. İcat edilmesindeki motivasyon UI (tasarım) üzerindeki güncellemeleri dinamik olarak gerçekleştirmekti. Lightweight (hafif) bir kütüphane yazarak bu amaçlarını gerçekleştirdiler. React; JSX denen bir syntaxa(söz dizimine)
sahiptir. JSX ise kısaca HTML kodlarının JavaScript içine yazılabilmesine imkan sağlayan dildir. Öğrenmesi görece kolaydır,düz HTML yazmaya benzer.

Örnek bir React kodu;

JavaScript:
class HelloMessage extends React.Component {
  render() {
    return (
      <div>
        Hello {this.props.name}
      </div>
    );
  }
}

ReactDOM.render(
  <HelloMessage name="Taylor" />,
  document.getElementById('hello-example')
);

---------------------------------------------------------------------------------------

Angular

Google'nin desteği ile daha sonradan büyükçe bir topluluk desteğine kavuştu. Frontend ekosisteminin en eski frameworklerinden olan Angular, yukarıda bahsi geçen 3 teknoloji arasında öğrenmesi en zor olan teknolojidir. Standart Javascript bilgisinin yanında ek olarak TypeScript bilmek gerekir. Ayrıca modül yapısı React ve Vue'den farklıdır.

Örnek Angular Kodu;

JavaScript:
import { Component, Input } from '@angular/core';

@Component({
  selector: 'hello',
  template: `<h1>Hello {{name}}!</h1>`,
  styles: [`h1 { font-family: Lato; }`]
})
export class HelloComponent  {
  @Input() name: string;
}

---------------------------------------------------------------------------------------

Vue

Listeye React ve Angular'dan sonra katıldı. Vue, eski bir Google çalışanı olan Evan You tarafından geliştirildi. Syntaxi en kolay, en hızlı ve zevkli teknolojik alt yapıya sahiptir. Vue'nin UI kısmı neredeyse HTML yazmaktan farksızdır. Yaygın kullanıcı desteği ve topluluk sayesinde tabiri caizse 3 büyükler arasında yerini almıştır. En son çıkan 3. versiyonu ile kullanıcılarında yeni özellikler sunmakta.

Örnek Vue Codu;

JavaScript:
<div id="app">
  {{ message }}
</div>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})
 

barisprlk0

Kayıtlı Kullanıcı
Katılım
3 Ara 2020
Mesajlar
42
Tepkime puanı
14
Puanları
8
Konum
Gürsu / Bursa
İster backend ister frontend olsun framework seçiminde ilk bakılması gereken şey ihtiyaçları karşılayıp - karşılayamadığı veya ne derece karşıladığı. Bunu netleştirdikten sonra karar verilmesi gereken bir kaç parametre var.
En önemlileri şunlardır;

1- Self Proven (FW'nin kendini production ortamında kanıtlamış olması)
2- Common Usage (Yaygın kullanım)
3- Ease of Learning (Öğrenme kolaylığı)
4- Issues & Fixes (Buglar ve bunların çözümü)
5- Community Support (Topluluk Desteği)
6- Performance (Performans)
7- Security (Güvenlik)
8- Package Management & Dependency Injection (Paket yönetimi ve bağımlılık)
9- Team Member Integration (Ekip halinde kullanılıyorsa sonradan gelenleri sisteme entegre kolaylığı Madde 2 ve 4)
10- Scalability & Modularity (İhtiyaçlara göre genişleyebilme ve modüler olma)

Bunlar karar aşamasındaki en önemli kriterler. Bir de bunlara bağlı olmayan başka kriterler var.
Mesela;

  • Deneyimlere bağlı kişisel tercih
  • Yeni bir FW öğrenmek için yeterli zaman olup olmaması
  • Kendi fwni geliştirmek yada open source fwlere alternatif çıkarmak gibi.

Parametrelerimiz belli, sonraki adımımız ne ?

Sonraki adımımız seçtiğimiz frameworku test aşamasında kullanmak, basit bir Hello World veya Todo List app yaparak bize uygunluğunu test etmek. Böylece hem yukarıdaki maddeleri test etmiş oluyoruz hem de bireysel olarak bu frameworku kullanmaya ne kadar yatkın olduğumuzu görüyoruz.

Frontend fwleri yapıları itibariyle backend fwlerinden farklıdır. Sadece UI yani tasarım amaçlı kullanılan fwler olabildiği gibi (Bootstrap, Tailwind, Bulma) gibi, işin engineering yani mühendislik (yapısal tasarım da diyebiliriz) tarafına odaklanan fwler de var. (Angular, Vue, Svelte) gibi.

Peki Hangisi ?

Buna cevap verebilmek için önce library ve framework arasındaki farkı bilmemiz lazım. Library: İşe yarar, kullanıma hazır fonksiyonların yer aldığı bir kütüphanedir. Bunu gerçek hayattaki kütüphaneye benzetebiliriz. Tarihle ilgili metodlara/bilgilere ihtiyacımız varsa tarih rafındaki kitapları okuruz. Psikoloji alanında bilgiye ihtiyacımız varsa bu alandaki kitaplığa gideriz. Genel olarak library tanımını bu şekilde yapabiliriz. Libraryler çok karışık olmayan, basit işlerde kullanılır. Örnek verecek olursak jQuery ve React en yaygın kullanılan kütüphanelerdendir.

Framework ise; içinde birden fazla kütüphane olan ve bu kütüphaneleri birbirleriyle entegre/uyumlu çalıştırabilen, yapıları itibariyle complex yapılardır. Fwler daha karışık ve yoğun projelerde kullanılır. Vue, Angular, Svelte'yi bu kategoride örnek gösterebiliriz.

Bütün bu bilgileri aldıktan sonra sıra geldi en önemli kısma;

Projenin Gereksinimleri

Gerekli tanımlamaları yaptık, test uygulamamızı da yazarak bütün adımları tamamladık. Şimdi projemizin ihtiyaçlarına bakmamız lazım. İhtiyaçları netleştirmek adına kendimize şunları sorabiliriz;

  • Projede API entegrasyonu (web servis) var mı ?
  • Sayfa yapısı (routing) gerekiyor mu ?
  • Sayfa içerisinde dinamik güncellemeler (live stream) olacak mı ?
  • Proje gereksiniminde ekstra plugin kullanmak gerekiyor mu? Gerekiyorsa hangi yapı bunları daha kolay ve uyumlu sağlıyor ?

gibi gibi.

Misal; 5-10 sayfadan oluşan kurumsal web sitesi için (eğer cms altyapısı yoksa) öyle aman aman fw kullanmaya gerek olmayabilir. Fwler böyle bir iş için kaynak israfı olabilir ve bu bize performans + güvenlik olarak geri dönebilir. Fw'nin yapacağı işi herhangi bir kütüphane rahatlıkla yapabilir.

Ama daha karışık projelerimiz varsa, birden fazla sayfayı dinamik olarak yönetmek istiyorsak, yoğun web servis akışı ve sayfa içi dinamik güncellemeler çok fazla ve sıksa bir framework kullanmamız gerekebilir. İşte bu durumda yukarıda bahsettiğimiz parametreleri göz önüne alarak bir karar vermek gerekecek. Bu aşamada frameworkleri test ederek işe uygunluğuna karar verip kullanıma karar verebiliriz. Eğer hala kararsız kaldıysak, kıdemli birisine danışarak destek istebiliriz.

Bunları özet geç, hangisi ?

Bu sorunun NET BİR CEVABI yoktur, ihtiyaca binaen alet seçilmelidir. Çekicin yeterli olduğu noktada balyoz kullanırsak kaynak israfı yapmış oluruz. Balyoz gereken yerde çekiç kullanırsak ihtiyacı karşılayamayız.

Güncel teknolojileri (Angular, React, Vue) bi özetlesek peki ?

Tabi hemen özetleyelim.

React

2013 yılında Facebook tarafından icat edildi. İcat edilmesindeki motivasyon UI (tasarım) üzerindeki güncellemeleri dinamik olarak gerçekleştirmekti. Lightweight (hafif) bir kütüphane yazarak bu amaçlarını gerçekleştirdiler. React; JSX denen bir syntaxa(söz dizimine)
sahiptir. JSX ise kısaca HTML kodlarının JavaScript içine yazılabilmesine imkan sağlayan dildir. Öğrenmesi görece kolaydır,düz HTML yazmaya benzer.

Örnek bir React kodu;

JavaScript:
class HelloMessage extends React.Component {
  render() {
    return (
      <div>
        Hello {this.props.name}
      </div>
    );
  }
}

ReactDOM.render(
  <HelloMessage name="Taylor" />,
  document.getElementById('hello-example')
);

---------------------------------------------------------------------------------------

Angular

Google'nin desteği ile daha sonradan büyükçe bir topluluk desteğine kavuştu. Frontend ekosisteminin en eski frameworklerinden olan Angular, yukarıda bahsi geçen 3 teknoloji arasında öğrenmesi en zor olan teknolojidir. Standart Javascript bilgisinin yanında ek olarak TypeScript bilmek gerekir. Ayrıca modül yapısı React ve Vue'den farklıdır.

Örnek Angular Kodu;

JavaScript:
import { Component, Input } from '@angular/core';

@Component({
  selector: 'hello',
  template: `<h1>Hello {{name}}!</h1>`,
  styles: [`h1 { font-family: Lato; }`]
})
export class HelloComponent  {
  @Input() name: string;
}

---------------------------------------------------------------------------------------

Vue

Listeye React ve Angular'dan sonra katıldı. Vue, eski bir Google çalışanı olan Evan You tarafından geliştirildi. Syntaxi en kolay, en hızlı ve zevkli teknolojik alt yapıya sahiptir. Vue'nin UI kısmı neredeyse HTML yazmaktan farksızdır. Yaygın kullanıcı desteği ve topluluk sayesinde tabiri caizse 3 büyükler arasında yerini almıştır. En son çıkan 3. versiyonu ile kullanıcılarında yeni özellikler sunmakta.

Örnek Vue Codu;

JavaScript:
<div id="app">
  {{ message }}
</div>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})
Çok teşekkür ederim aşırı yardımcı oldunuz :)
 

mrmerc

Yönetici
Katılım
13 Şub 2020
Mesajlar
20
Tepkime puanı
35
Puanları
18
Konum
Istanbul, TR
Web sitesi
www.mrmerc.net
İster backend ister frontend olsun framework seçiminde ilk bakılması gereken şey ihtiyaçları karşılayıp - karşılayamadığı veya ne derece karşıladığı. Bunu netleştirdikten sonra karar verilmesi gereken bir kaç parametre var.
En önemlileri şunlardır;

1- Self Proven (FW'nin kendini production ortamında kanıtlamış olması)
2- Common Usage (Yaygın kullanım)
3- Ease of Learning (Öğrenme kolaylığı)
4- Issues & Fixes (Buglar ve bunların çözümü)
5- Community Support (Topluluk Desteği)
6- Performance (Performans)
7- Security (Güvenlik)
8- Package Management & Dependency Injection (Paket yönetimi ve bağımlılık)
9- Team Member Integration (Ekip halinde kullanılıyorsa sonradan gelenleri sisteme entegre kolaylığı Madde 2 ve 4)
10- Scalability & Modularity (İhtiyaçlara göre genişleyebilme ve modüler olma)

Bunlar karar aşamasındaki en önemli kriterler. Bir de bunlara bağlı olmayan başka kriterler var.
Mesela;

  • Deneyimlere bağlı kişisel tercih
  • Yeni bir FW öğrenmek için yeterli zaman olup olmaması
  • Kendi fwni geliştirmek yada open source fwlere alternatif çıkarmak gibi.

Parametrelerimiz belli, sonraki adımımız ne ?

Sonraki adımımız seçtiğimiz frameworku test aşamasında kullanmak, basit bir Hello World veya Todo List app yaparak bize uygunluğunu test etmek. Böylece hem yukarıdaki maddeleri test etmiş oluyoruz hem de bireysel olarak bu frameworku kullanmaya ne kadar yatkın olduğumuzu görüyoruz.

Frontend fwleri yapıları itibariyle backend fwlerinden farklıdır. Sadece UI yani tasarım amaçlı kullanılan fwler olabildiği gibi (Bootstrap, Tailwind, Bulma) gibi, işin engineering yani mühendislik (yapısal tasarım da diyebiliriz) tarafına odaklanan fwler de var. (Angular, Vue, Svelte) gibi.

Peki Hangisi ?

Buna cevap verebilmek için önce library ve framework arasındaki farkı bilmemiz lazım. Library: İşe yarar, kullanıma hazır fonksiyonların yer aldığı bir kütüphanedir. Bunu gerçek hayattaki kütüphaneye benzetebiliriz. Tarihle ilgili metodlara/bilgilere ihtiyacımız varsa tarih rafındaki kitapları okuruz. Psikoloji alanında bilgiye ihtiyacımız varsa bu alandaki kitaplığa gideriz. Genel olarak library tanımını bu şekilde yapabiliriz. Libraryler çok karışık olmayan, basit işlerde kullanılır. Örnek verecek olursak jQuery ve React en yaygın kullanılan kütüphanelerdendir.

Framework ise; içinde birden fazla kütüphane olan ve bu kütüphaneleri birbirleriyle entegre/uyumlu çalıştırabilen, yapıları itibariyle complex yapılardır. Fwler daha karışık ve yoğun projelerde kullanılır. Vue, Angular, Svelte'yi bu kategoride örnek gösterebiliriz.

Bütün bu bilgileri aldıktan sonra sıra geldi en önemli kısma;

Projenin Gereksinimleri

Gerekli tanımlamaları yaptık, test uygulamamızı da yazarak bütün adımları tamamladık. Şimdi projemizin ihtiyaçlarına bakmamız lazım. İhtiyaçları netleştirmek adına kendimize şunları sorabiliriz;

  • Projede API entegrasyonu (web servis) var mı ?
  • Sayfa yapısı (routing) gerekiyor mu ?
  • Sayfa içerisinde dinamik güncellemeler (live stream) olacak mı ?
  • Proje gereksiniminde ekstra plugin kullanmak gerekiyor mu? Gerekiyorsa hangi yapı bunları daha kolay ve uyumlu sağlıyor ?

gibi gibi.

Misal; 5-10 sayfadan oluşan kurumsal web sitesi için (eğer cms altyapısı yoksa) öyle aman aman fw kullanmaya gerek olmayabilir. Fwler böyle bir iş için kaynak israfı olabilir ve bu bize performans + güvenlik olarak geri dönebilir. Fw'nin yapacağı işi herhangi bir kütüphane rahatlıkla yapabilir.

Ama daha karışık projelerimiz varsa, birden fazla sayfayı dinamik olarak yönetmek istiyorsak, yoğun web servis akışı ve sayfa içi dinamik güncellemeler çok fazla ve sıksa bir framework kullanmamız gerekebilir. İşte bu durumda yukarıda bahsettiğimiz parametreleri göz önüne alarak bir karar vermek gerekecek. Bu aşamada frameworkleri test ederek işe uygunluğuna karar verip kullanıma karar verebiliriz. Eğer hala kararsız kaldıysak, kıdemli birisine danışarak destek istebiliriz.

Bunları özet geç, hangisi ?

Bu sorunun NET BİR CEVABI yoktur, ihtiyaca binaen alet seçilmelidir. Çekicin yeterli olduğu noktada balyoz kullanırsak kaynak israfı yapmış oluruz. Balyoz gereken yerde çekiç kullanırsak ihtiyacı karşılayamayız.

Güncel teknolojileri (Angular, React, Vue) bi özetlesek peki ?

Tabi hemen özetleyelim.

React

2013 yılında Facebook tarafından icat edildi. İcat edilmesindeki motivasyon UI (tasarım) üzerindeki güncellemeleri dinamik olarak gerçekleştirmekti. Lightweight (hafif) bir kütüphane yazarak bu amaçlarını gerçekleştirdiler. React; JSX denen bir syntaxa(söz dizimine)
sahiptir. JSX ise kısaca HTML kodlarının JavaScript içine yazılabilmesine imkan sağlayan dildir. Öğrenmesi görece kolaydır,düz HTML yazmaya benzer.

Örnek bir React kodu;

JavaScript:
class HelloMessage extends React.Component {
  render() {
    return (
      <div>
        Hello {this.props.name}
      </div>
    );
  }
}

ReactDOM.render(
  <HelloMessage name="Taylor" />,
  document.getElementById('hello-example')
);

---------------------------------------------------------------------------------------

Angular

Google'nin desteği ile daha sonradan büyükçe bir topluluk desteğine kavuştu. Frontend ekosisteminin en eski frameworklerinden olan Angular, yukarıda bahsi geçen 3 teknoloji arasında öğrenmesi en zor olan teknolojidir. Standart Javascript bilgisinin yanında ek olarak TypeScript bilmek gerekir. Ayrıca modül yapısı React ve Vue'den farklıdır.

Örnek Angular Kodu;

JavaScript:
import { Component, Input } from '@angular/core';

@Component({
  selector: 'hello',
  template: `<h1>Hello {{name}}!</h1>`,
  styles: [`h1 { font-family: Lato; }`]
})
export class HelloComponent  {
  @Input() name: string;
}

---------------------------------------------------------------------------------------

Vue

Listeye React ve Angular'dan sonra katıldı. Vue, eski bir Google çalışanı olan Evan You tarafından geliştirildi. Syntaxi en kolay, en hızlı ve zevkli teknolojik alt yapıya sahiptir. Vue'nin UI kısmı neredeyse HTML yazmaktan farksızdır. Yaygın kullanıcı desteği ve topluluk sayesinde tabiri caizse 3 büyükler arasında yerini almıştır. En son çıkan 3. versiyonu ile kullanıcılarında yeni özellikler sunmakta.

Örnek Vue Codu;

JavaScript:
<div id="app">
  {{ message }}
</div>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

Kişisel Görüş

Cevabımda bahsettiğim teknolojiler ile profesyonel olarak yazılım geliştirmiş ve canlı ortamda çalışan projelere sahip biri olarak ben kendi projelerimde kesinlikle VUE, işyerime ait projelerde de (projesine göre değişmekle birlikte) genelde jQuery - Vue kullanıyorum.

Peki neden VUE ?

1- Kolay Syntax

Bahsettiğim gibi, VUE'nin template syantxi düz HTML yazmak gibidir. Template ve teknik metodları çok güzel ayırarak kullanıcıya daha rahat bir ortam sağlar. React gibi javascript içinden HTML return yapmaz :)

2- Yaygın Kullanım & Topluluk Desteği

Vue.js bugün en yaygın kullanılan frameworklerden bir tanesi. Vue alt yapısını kullanarak pek çok orta ve üst düzey (enterprise grade) uygulama geliştiriliyor. Aşağıya NPM Trends'ten aldığım ekran görüntüsünü paylaşıyorum.

1612562216756.png

3- Kritik kütüphanelerin built-in (kendi içinde) gelmesi

Tıpkı Angular gibi Vue.js de Router (sayfa rotalama) , State Manager (durum yöneticisi) gibi kritik paketler kendi içinde geliyor. React'ta ise durum böyle değil. React Router 3. parti kişiler tarafından geliştiriliyor. * Bence * bu çok önemli bir etken. 3.parti şahıslar yarın öbürgün projeyi bırakabilirler ama Vue/Angular'da ekip bıraksa bile çekirdek ekipteki kişiler tarafından paketin geliştirilmesi devam edebilir.

4- Gelişmiş ekosistem

Yukarıdaki maddeyle bağlantılı olarak Vue ile ilgili istenilen düzeyde component (bileşen) bulmak, bu componentlerle ilgili yardım almak ve katkıda bulunmak daha kolay ve diğerlerine göre gelişmiş durumda.

Reel hayattan örnek;

Çalıştığım şirketin statik web sitesi işlerini basit ve hızlı olması açısından jQuery ile yazıyorduk. Frontend işi bittikten sonra uygulamayı derleyerek backendçi arkadaşlara veriyorduk onlar da kendi sistemlerine entegre ediyordu. Daha sonra 2 kere iş olduğu için bu sistemden vazgeçtik. VUE kullanarak API sistemine otomatik bağlanıyoruz. Yakın zamanda CRM alt yapısını da VUE'ye geçireceğiz.

Biraz karışık ve uzun anlattım, umarım yardımcı olmuşumdur :)
 

mrmerc

Yönetici
Katılım
13 Şub 2020
Mesajlar
20
Tepkime puanı
35
Puanları
18
Konum
Istanbul, TR
Web sitesi
www.mrmerc.net
vue ile bootstrap birleşimi her işini kolaylaştırır en popüleri de zaten şuan da vue birde link bırakayım.

Yeni şeyleri seviyor olsam da ben hala javascript tarafında kütüphane olarak jquery kullanıyorum bunun sebebi pazarım türkiye olması insanlar ucuz *** peşinde olduğu için yeni nesil şeylere daha çok ödeme yapmak istemiyor şirketlerde buna o kadar alışmış ki paylaşımlı hostinglerin çoğu geçtim vue'yu angular, react bile desteklemiyor yani pazarın yurt dışı ise direkt vue öneririm.

Ama pazarın türkiye ise jquery ile bootstrap kullan geç boş yere kendini yormuş oluyorsun onlar için dış görünümü önemli dışardan görünen şey istediği şey olsun alt planda istersen hiç bişi kullanma.

Paylaşımlı hostingler'in modern fw destekleri var. VPS veya cloud server olmadığı için npm kodu çalıştıramıyoruz (doğal olarak). Ancak frontend uygulamanızda build alabilirsiniz. Build sonrasında "build" veya "dist" klasörünü FTP ile çalıştırmak istediğiniz hosta yüklemeniz yeterli olacaktır
 
5,684Konular
16,875Mesajlar
9,752Kullanıcılar
tolgasazakSon üye
Üst