A Quickstart Guide to React in the CMS

FREE Lesson

Learn how to extend the power of your HubSpot CMS software with React.

Who is this for?
  • Mid-to-senior-level CMS developers
What you'll learn
  • The learner will be able to explain how React works with the HubSpot CMS.
  • The learner will be able to explain how the CMS React project folder is structured.
  • The learner will be able to explain how islands make interactive elements on a webpage function.
  • The learner will be able to explain how React partials function.
  • The learner will be able to explain how React modules function.
  • The learner will be able to set up their own React project in their HubSpot accounts.
  • The learner will be able to build their own React partial with an interactive island element.
  • The learner will be able to build their own React module.
  • The learner will be able to build a HubSpot CMS webpage using a React partial.
Includes
    6 Videos
    1 Quiz
    57 min
  • Web Development
Lesson description
React is a powerful front end JavaScript library that extends the capabilities of your HubSpot CMS site. In this lesson, become familiar with developing CMS templates and modules using React. By understanding the building blocks of coding your CMS with React, you'll be equipped to create dynamic and interactive experiences for your audience.

Watch preview

Instructors

Photo of Brooke Bond

Brooke Bond

Brooke is a developer advocate with HubSpot. She helps developers grow better with HubSpot through educational content focused on front-end development, APIs, and UX. When she's not coding or teaching, she enjoys cooking, reading, and being overly competitive about board games.

Why learn with Academy?

unlock illustration

It's Free

Creating a HubSpot Academy account is 100% free and gets you unlimited access to our complete library of education and free software tools. Create an account and never fill out a form for content again.
dedicated-ip-board illustration

It's personalized

Your account will be full of personalized training recommendations tailored to you, making it quick and easy for you to continuously develop your knowledge and skills.
additional-hubspot-account-globe illustration

It's global

With our globally-recognized certifications across 5 languages, you can show off your skills and stand out to new or existing employers. Join over 250,000 other HubSpot Academy certified professionals now.