image.png

Search HubSpot
K
Product Update
Bookmarks
Product Updates
DESIGN MANAGER LANDING PAGES WEBSITE PAGES CMS JavaScript Building Blocks September 20,2023
88 Workspaces
Live
New to you
40
8 CRM
Recommended
View product updates that are currently live in your account:
What is it?
Scheduled for release
javascript
All impact
All apps
All products
Clear filters
JavaScript modules and partials are new building blocks you can use to write React and JavaScript instead of HubL inside the HubSpot CMS. JavaScript modules and partials are built from React components and can be directly referenced via HubL tags in your templates_
Marketing
Content
UPDATE
RELEASE IMPACT 0
PRODUCTS
All product updates
In addition to stitching server-rendered React components into the HTML generated by HubL, JavaScript Free (all hubs & tiers) modules and partials support client-side interactivity with islands. Similar to the islands concept from Design Manager | Landing Pages Wet Astro, Fresh, and others, you can add an <Island / > inside your JavaScript module or partial to establish component that is rendered on both the server and client and is automatically code-split: In addition to allowing you to reuse JavaScript code between the server and browser; islands help you write fast websites by giving you precise control over what JavaScript is shipped to the browser and when it runs:
Commerce
Live
CMS JavaScript Building Blocks Live
Low
8 Automations
In beta
In development
oll Reporting
Sunset
While we will gradually introduce more features over time_ we believe that the current modules, partials, and islands are stable and reliable, giving you the confidence you need to build with CMS JavaScript Building Blocks.
Data Management
Library
Why does it matter?
Using JavaScript and React comes with many benefits, including component composability, code reuse, broader community resources, and real access to JavaScript on the server: Our hope is to make developing on the HubSpot CMS feel like modern web development: Plus we want to give you technologies that scale with you, all the way from simple static pages to complex interactive and dynamic web applications:
Breeze
CRM Development
Rendering React on the server means that there is far less of technological divide between your code that serves the initial page HTML and your interactive browser code: Previously, as you created more complex and interactive pages, that would either lead to:
More and more client-side JavaScript that "blocked" and slowed down page load until it was all downloaded and executed Having to replicate or dually maintain UI logic across HubL and JavaScript in order to have server HTML that is immediately visible and can later interact to user input:
In other words, JavaScript Building Blocks gives you the tools to:
Optimize for performance by removing your more complex module or logic code from the browser Eliminate the complexity and maintenance burden that comes with splitting module or component's logic across HubL and JavaScript:
Da" Accc i+nwl?
Start Building @