Search results for #Reactflow
こちら一旦完成したのでGithubにて公開しました！ なぜなぜ分析のDXのため、ぜひ使ってやってください github.com/aToy0m0/react-… #個人開発 #なぜなぜ分析 #ReactFlow #React
こちら一旦完成したのでGithubにて公開しました！ なぜなぜ分析のDXのため、ぜひ使ってやってください github.com/aToy0m0/react-… #個人開発 #なぜなぜ分析 #ReactFlow #React
Just finished a mini version of a React Flow-based Smart MCP Server (wikipedia ) to elevate conversational experiences with LLM chat. Dive into advanced interaction technology. #TechInnovation #ReactFlow @sargampoudel @kirat_tw #buildinpublic
Tired of writing SQL? I built DrizzleFlow to fix that. An open-source tool that lets you: 💬 Chat with your database in plain English (AI-powered) 🗺️ Visualize your schema with an interactive graph #NextJS #AI #ReactFlow #DevTools @DrizzleORM
🚀 Ready to launch my first GenAI product – n8n competitor. A no-code workflow builder powered by React Flow + LangGraph + Next.js. Think of it as your personal automation co-pilot. Stay tuned! @piyushgarg_dev @Hiteshdotcom #GenAI #n8n #ReactFlow #LangGraph #BuildInPublic
Seeking feedback on my project built with React Flow! It's a fun way to visualize rap data. Would love to hear your thoughts and ideas. 👇 #reactflow #xyflow #diagram #elkjs
Dev Update (Apr 17): Refactored the NodeConfigPanel! ✨ Now a single floating panel appears when you click a node's config icon. Edits are reflected instantly, and the right sidebar is dedicated to the prompt preview. Smoother UX! #PromptEngineering #ReactFlow #DevLog
Me complace compartir un módulo clave de una aplicación integral que estoy desarrollando. Este 🤖chatbot builder ha sido diseñado con un enfoque modular y escalable, integrando diversas tecnologías modernas . #reactflow
onurdayibasi.dev/react-flow-pok… Bu örnekte Node üzerine çizilmiş bir kontrol çizgisi üzerinden Dragging DeltaX, DeltaY bularak bu bilgiyi Node çevreleyen div CSS Transform olarak veriyoruz.. #EntepriseReact #LearnReactUI #ReactFlow
onurdayibasi.dev/react-flow-pok… Bu örnekte, onDrag işlemi sırasında useReactFlow → getIntersectingNodes fonksiyonunu kullanarak Node'un kesişip kesişmediğini test ediyoruz. Düğüm kesişiyorsa, arka planlarını turuncuya boyuyoruz. #EnterpriseReact #LearnReactUI #ReactFlow
onurdayibasi.dev/react-flow-pok… Bu örnekte ReactFlow'da NodeToolbar bileşenin kullanımını görüllebilir. Node ile ilgili işlemleri bu toolbar içerisindeki actionlar üzerinden gerçekleştirebilirsiniz. #ReactFlow #EnterpriseReact #LearnReactUI
onurdayibasi.dev/react-flow-pok… ReactFlow NodeResizer bileşeni sayesinde ilgili Node çevresine bir boyut degiştirebilme objesi çiziliyor. Buradan gelen onResize eventi sayesinde Node boyutlarını değiştirebiliyorsunuz. #EnterpriseReact #LearnReactUI #ReactFlow
onurdayibasi.dev/react-flow-pok… ReactFlow edge çizdiğin noktaya yeni bir Node Ekleme yöntemi - onConnect (Edge çiz) -onConnectEnd sırasında (Yeni Bir Node olustur) ve bunu graph ekle.. - ve dugumun eklenecegi pozisyon için screenToFlowPosition dan faydan. #ReactFlow #EntertpriseReact…
onurdayibasi.dev/react-flow-pok…… ReactFlow'da Node(düğümler) arasında bulunan Edge farklı tiplerde çizebiliyorsunuz. ReactFlow içerisinde tanımlanmış default Edge türleri (Bezier, Step, SmoothStep ve Straight) #LearnReactUI #EnterpriseReact #ReactFlow
onurdayibasi.dev/react-flow-pok…… 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
❤Thank You Jesus❤ #Reactflow #CustomHandle #CustomNode #CustomEdge
