bazen içerikleri farklı platformlardan farklı zamanlarda paylaştığım için hangi sırada nasıl okuyacağım yada bu içeriklerden nasıl faydalanacağım konusu kafa karışıklığına neden olabiliyor. Bundan dolayı bu Tweet serisini hazırladım. Öncelikle ilk ekranda açılan Free yazdığım kısımdan ücretsiz olarak tüm E-Kitapları ve Örnek uygulamalara erişebilirsiniz. Bu E-Kitapları okunma sırası ise bu uygulamadan girdiğiniz sıradaki şekilde gerçekleştirdiğiniz de en çok verimi alırsınız. Tutorial ve Örnekler ise etiketleme ve arama sonucunda ilgilendiğiniz konuya indirip kullanabilirsiniz.

RT @housecor: RSC is the most painful new React API in the State of React survey. Complaints: - Hard to test. - Hard to debug. - Hard to…

ReactFlow'da Node(düğümler) arasında bulunan Edge farklı tiplerde çizebildiğiniz gibi kendi Edge Tipinizide tanımlayabiliyorsunuz. Bu Edge Tipi hem görsel, hemde fonksiyonel açıdan farklılıklar tanımlayabiliyorsunuz . Aynı CustomNode tanımlamak gibi.. Floating Edge düğümlerde tanımladığınız Handle Position önemsemeden (left, right, top, bottom) Center odaklanıyor ve bunu yaparken Arrow border üzerine yerleştirebiliyor.. Bunun için FloatingEdge oluşturmanız ve useInternalNode bunun için hesaplamalar yapmanız lazım. #EnterpriseReact #LearnReactUI #FloatingEdge

ReactFlow'da düğümler arasında çizgiler çekerek graph ve network yapıları oluşturmak oldukça kolay. onConnect fonksiyonu üzerine birçok yapı inşaa edebiliyorsunuz .. #LearnReactUI #EnterpriseReact #ReactFlow

RT @youyuxi: From State of React 2024: "Vite has now overtaken Webpack, which is quite remarkable given how long Webpack has been around."…

ReactFlow'da handleDrag şeklinde bir özellik var. Sürükle-Taşı-Bırak özelliklerini Node(Düğüm) üzerindeki tüm alanlardan değilde sadece belirlenen bölge üzerinden yapmanızı sağlıyor. Bu özellik sayesinde Düğüm(Node) içerisinde form elemanları vb etkileşim alan bileşenlerin bu Dnd(Sürükle-Bırak) aksiyonları ile karışması önlenmiş oluyor. #ReactFlow #EnterpriseReact #LearnReactUI

2025 Ocak Frontend ve React Notları #Frontend #React #Notes #Updates

@johnsparrowjr Projelerimde NextJS kullanmiyorum, vite kullaniyorum Burada best practice var gibi.. Buradan bakabilirsin.

Frontend alanında üzerinde çalışabileceğiniz bir sürü konuyu bu blog yazısında toparladım. Baya faydalı içerikler olduğunu düşünüyorum #Updates #React #Frontend * ASCII Art Generator * Standard Schema * Tanstack Start Minesweeper App * AI Agent Workflow UI Components * ToDiagram ve JSONCrack * Tabler -> Admin Dashoards * ToolJet NoCode * Skip İrrelevant Scripts In Flame Chart * MSW DevTools Chrome Extension * TansStack Start & Router React 19 * Svelte Midi Controller * How to take smart notes * PartyKit for RealTimeApp * Zustand vs Jotai * React Table Integrate * SQLite * JS Hot Reloading ve Live Reloading * AI Powered SDK For UI Automation * WebSocket + WebAssembly * SVG ELearning * LocalFirst Dev * CSS Grid Generator * Predicted Events * SSE (Server Sent Events) * React 19 Insight * Avoid UseEffect

Kanban Board'lar özellikle Agile projelerde Task Yönetiminde kullanılır. Bunu React ile nasıl gerçekleştirebiliriz konusunu ve kaynak kodunu adım adım LearnReactUI platformunda bulabilirsiniz. #KanbanBoard #EnterpriseReact #LearnReactUI

Bu örneklere ait kaynak kodlara bu link üzerinden erişebilirsiniz #LearnReactUI #EnterpriseReact

Zustand Re-Rendering ile ilgili örnekleri güncelledim. Bu blog yazısında detaylarına erişebilirsiniz. KnowledgeMap 4 seviye örnek ile konuyu detaylıca anlatmaya çalıştım. (Örnek kodlar yakında LearnReactUI da). Zustand ile birçok E-Kitap ve örnek geliştirmiş birisi olarak Store yapınızı çok fazla büyüyorsa re-rendering engellemek için Store ya çok ufak parçalara(slice) bölmeniz veya Store içerisindeki elemanlara erişimi Atomic yapmanız gerekiyor. İşte burada da başta Client State Management yöntemleri ve kütüphaneleri daha anlamlı olabilir. Jotai, Voltio, Signal, Recoil #EnterpriseReact #LearnReactUI

RT @wesbos: Standard Schema! A project by @colinhacks of Zod, @fabianHiller of Valibot and @ssalbdivad of ArkType It aims to bring a com…

React 19 ile -Form - Static API -RSC (Server Components, Server Actions) kısmında gelişmeler var. Bu gelişmeler üzerinde denemeler yapıp ne işe yaradıklarını bir kurcalamak lazım. #EnterpriseReact #LearnReactUI

React-Draggable kütüphanesi React 19 ile birlikte problem oluşturmaya başladı. React18 de de benzer bir uyarıyı atıyordu fakat çalışıyordu. React19 ile Draggable kütüphanesi çalışmamaya başladı. _reactDom.default.findDOMNode is not a function at DraggableCore.findDOMNode İlk olarak kütüphane güncellendi mi diye baktım. En son 1 yıl önce güncellenmiş. 4.4.6 versiyonuna güncelledim ama hata devam ediyordu. Stackoverflow incelediğimde aşağıdaki bilgilere ulaştım. Önerilen değişiklikleri yaptığımda halen hata atmaya devam ediyordu. - findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of DraggableCore which is inside StrictMode Draggable Sidebar kütüphanesini React-Dnd ve benzeri kütüphane ile tekrar geliştirmeye çalışacağım fakat şimdilik buna bir ara verip bunun yerine alternatif birşey kullanabilir miyim diye baktım. AntD kütüphanesinin Splitter bileşenin buna uyumlu olduğunu gördüm. Ve SampleLayout bunun ile replace ettim. Artık Enterprise React , React19 ile birlikte çalışıyor. Sağ kısımdan resizeble/draggable Container'da Antd Splitter üzerinden çalışıyor Detaylı bilgi için ( #EnterpriseReact #LearnReactUI

Check out my latest article: Enterprise React @LinkedIn aracılığıyla