Improve your experience. We are very sorry but this website does not support Internet Explorer. We recommend using a different browser that is supported such as Google Chrome or Mozilla Firefox.

Extending Flowable Forms with React

Unlock the power of Flowable Forms through custom component creation using React and Storybook, extending its capabilities, and unleashing new possibilities in our specialized course.


In this course, you will embark on an enriching journey of mastering Flowable's Form Engine. Through hands-on practical exercises, you will learn how to create new Flowable Form components written in React. 

During the course, you will acquire essential skills in effectively testing and documenting custom form components using React and Storybook, enabling you to build robust and reliable components that seamlessly integrate into your Flowable applications using Flowable Design palettes.

As you progress, you will build a simple yet powerful read-only component, followed by a more intricate read-and-write component, refining your skills and confidence in crafting complex and functional custom components tailored to your specific requirements.

Furthermore, we will explore how to leverage external packages, integrating React components into your Flowable Forms with ease and efficiency, elevating the capabilities of your forms to new heights.



  • Good understanding of web technologies (HTML, CSS, JavaScript)
  • Basic understanding of the React framework

Learning Goals

  • Gain a comprehensive understanding of Flowable's frontend architecture and the organization of resources, including styles, images, scripts, etc.
  • Demonstrate the ability to extend the out-of-the-box palettes by implementing new options for enhanced customization.
  • Acquire the skills to effectively test and document custom form components using React and Storybook.

Press enter to see more results