Photo by Denys Nevozhai on Unsplash

React

Web Uygulamalarında No-Code yerine FullStack Çözümler

Uzun süredir Web Uygulama geliştirme konusunda No Code SaaS hizmetleri çok popülerdi, bu yaklaşıma framework’ ler üzerine geliştirilen FullStack çözümler giderek yaklaşmaya başladı. (refine, react admin, redwood, blitz, epicstack, adminjs)

Frontend Development With JS
3 min readNov 26, 2023

--

Web uygulamalarında NoCode çözümleri 1,2 yıl önce inanılmaz popülerdi WebFlow, Retool, JetAdmin, Softr.io, AirTable, Notion vb… bir çok araçla bulunan ortamda kendi ihtiyaçlarınızı geliştirebiliyorsunuz.

Tabi ki bu ve benzeri araçlar kullanılıyor fakat Web Uygulaması geliştirmek düşünüldüğünden daha karmaşık konular ve bu işlemleri kod geliştirmeden yapmak, teknik bir kişinin UI üzerinden geliştirmesi oldukça zor.

Sonrasında Low Code araçlar veya AI yardımı ile artık NoCode alanında üretilmesi istenen çıktıları daha kolay üretebiliyor fakat bunlar dahi bu Web işinin, iş kurallarının , iş akışının ufak ve basit bir kısmını üretebiliyor,

Bu yüzden son dönemde Frontend kütüphaneleri React, Vue, Angular, Solid, Svelte sunucu tarafında da çalışacak FullStack çözümlere yönelmeye başladı.

Ben bu kısımda daha React odaklı konudan bahsediyor olacağım. React kendisini bir Meta Library yapısına dönüştürüp üzerinde bir çok Framework’ ün gelişmesine olanak sağladı.

  • Next.js → Vercel
  • Remix → Shopify
  • Gatsby → Netlify
  • Expo (for Native)
  • Astro (for Blog, Static Pages, like Wordpress)
  • Docusaurus (for Doc/Help)

Giderek daha çok yeteneği içerisinde barındıran hem Client — hem Sunucu tarafında Framework ve altyapıların çıktığı bir dönemdeyiz.

Bu framework’ leri kullansak bile halen nihai sonucu ulaşabilmek için bir çok kod yazılması gerekiyor.

İşte burada hazır bazı örnek projeler veya fullstack framework’ler işinize yarayabilir.

1. Refine

refine, çok çeşitli web uygulamalarının hızlı bir şekilde geliştirilmesini sağlayan bir meta React çerçevesidir. internal tools, admin panels, B2B apps and dashboards ve her türlü CRUD uygulamasını oluşturmak için kapsamlı bir çözüm olarak hizmet eder.

https://refine.dev/

2. React Admin

The React Framework for B2B Apps (Business To Business App) geliştirmek için admins / internal tools / dashboards / ERPs / B2B apps hızlı bir şekilde geliştirmek için kullanılır.

https://marmelab.com/react-admin/

3. Redwood.js

Redwood birçok hazır yüklenmiş paketi ve konfigurasyonu ile size hazır full-stack web uygulamaları geliştirmenizi sağlayan bir React Framework’

https://redwoodjs.com/

4. Blitz.js

Blitz.js Next.JS üzerine geliştirilen Authentication ve ekranları, Form yapısı ve TypeSafe API katmanı ile Fullstack Toolkit’dir

https://blitzjs.com/

5. Epic Stack

Kent C. Dodds Remix Framework üzerine çıkardığı farklı teknolojilerden oluşturduğu Stack üzerinden oluşturduğu bir eğitim seti ve kod örnek altyapısı diyebiliriz. (https://www.epicweb.dev/)

https://www.epicweb.dev/
  • Full Stack Foundations
  • Professional Web Forms
  • Data Modeling Deep Dive
  • Web Authentication
  • Full Stack Testing

6. AdminJS

AdminJS Açık Kaynaklı Node.JS üzerine geliştirilmiş Admin Panel’idir. Hazır bazı sınıflar üzerinden ilerleyerek kendi Admin Panellerinizi geliştirmenizi sağlar.

Özet

Sonuç olarak bir yandan No-Code ekosistemi genişlemeye devam ederken, bir yandan da Framework’ler daha Fullstack uygulama geliştirebilecek altyapıya sahip oluyor.

Özellikle React kısmında RSC (React Server Component) bir akım ve bunun etkileri olacak.

RSC (React Server Component) Nedir ? Frontend Geliştiricilerini Nasıl Etkileyecek ?

Bu konudaki blog yazımı yukarıdaki linkten okuyabilirsiniz.

Okumaya Devam Et 😃

Bu yazının devamı veya yazı grubundaki diğer yazılara (Ürün ve Kütüphaneler) erişmek için bu linke tıklayabilirsiniz.

--

--