Thread Discussion

Started by Yeu-Kang Hua • Mar 18, 2025 12:35 PM

Total Replies

Participants

Activity

Quiet

— No recent activity

Duration

12:35 PM

Mar 18

Original Message

Thread starter

Yeu-Kang Hua12:35 PM

Hi, I’ve just got started with my React theme and booting up the local dev server. Looks nice, but except for rendering changes (like outputting values in the “template”), I can’t get any interactivity working. For example, setting a state via a button click to update a rendered text like Hello {name}. Is this supposed to work, or do I have to deploy to production to test my code?

Replies

7 messages in thread

Jon MillerReply 1Mar 18, 2025 1:27 PM

Is the module that is using setState within an island?

Yeu-Kang HuaReply 2Mar 18, 2025 1:29 PM

Not sure, I used the `npx @hubspot/create-cms-theme@latest` command to create it. I’m just modifying the default module

Yeu-Kang HuaReply 3Mar 18, 2025 1:30 PM

I’m trying to figure out how I should develop my modules locally, testing out field options etc. Seems like the documentation is not really there yet?

Jon MillerReply 4Mar 18, 2025 2:02 PM

Here are the current docs: <https://github.hubspot.com/cms-react/> And when using methods like useState, useEffect, etc, your module needs to be in a...

Yeu-Kang HuaReply 5Mar 18, 2025 2:26 PM

Thank you. But we can’t set it so that the local modules automatically get placed in island contexts? I mean how else are we supposed to develop modul...

Jon MillerReply 6Mar 18, 2025 2:35 PM

To be clear, you do not need a module to be within an island to develop locally. You only need a module in an island if you need client side interacti...

Yeu-Kang HuaReply 7Mar 18, 2025 9:30 PM

Seems to be CSS modules: /components/modules/GettingStarted/index.tsx `import styles from '../../../styles/getting-started.module.css';` Viewing loc...