Build and Customize a Node-Based Workflow Builder With React

" summary

A practical workshop on building node-based workflow UIs in React using the React Flow library, covering diagram components, custom nodes/handles, custom edge creation, group creation, grid snapping, dynamic node resizing, and navigation/diagram view optimization. It explains state management with Zustand, sidebar management and edge creation UX, and explores auto-layout using the Dugree library plus advanced auto-layout challenges and premium features from the Overflow library.

AI-written summary · about

" related talks

• 29mEvolving the Visual Programming Environment with ReactJonas Gebhardt · ReactEurope 2016
• 26mBuild your own ReactRodrigo Pombo · JSDay 2019
• 53mBuilding Web Apps with React.jsPratik Patel · Jfokus 2018
• 27mBuilding a Design Tool for React in ReactSanket Sahu · ReactEurope 2020
• 21mThe Evolution of React UI DevelopmentNik Graf, Max Stoiber · ReactEurope 2016
• 43mReact/Redux: a development workflowBraulio Díez, Wojciech Jaszczak · React Alicante 2017
• 43mBuilding a component based library with ReactFerry Kobus · Frontend United 2018
• 27mWe need to talk about our frontend workflowSiddharth Kshetrapal · ReactFoo Mumbai 2018