Web Components in Your CFML Application

Web Components provide a modular way to build a consistent design system and user experience across your entire application. Instead of copy/pasting the same chunks of coded into various places, you can have a JavaScript/HTML expert focus on getting the UX correct, without them needing to worry about what's happening in the CFML layer at all.

Web Components offer reusable functionality on the front-end, with native JavaScript. They are a great middle-ground between standard request/response based CFML applications, and apps that aren't quite ready to move to a full-on JavaScript SPA framework. Web Components themselves are 100% native JavaScript - no new libraries required! Let's learn how Web Components work, then look at integrating them into a CFML application -- I promise it's easier than you think!

Target Audience: Developers looking to learn more about writing reusable JavaScript and UI components that are platform independent. This talk will spend a little time going over connecting the front-end code to a CFML application, but attendees should already be well versed in CFML and understand how to build a JSON API endpoint.

Main Takeaways:

  • Creating your first Web Component
  • Interactivity with Web Components
  • Connecting to a CFML back-end
  • A quick look at using Lit to build things
  • Pros and Cons
  • Next steps and other resources