We can make changes to a component in our local application, then see those changes refreshed in the browser immediately.
-
In your preferred editor, open the EventListItem component file, located in the following location:
\fitness\app\src\components\EventListItem\index.js -
Find the
<NavLink>tag that wraps the<Text>field for our event items name. (should be somewhere around line 60). -
Change the order of the
<NavLink>and<DateField>tags so that<DateField>appears first. -
Save your changes. Since hot reloading is enabled, the browser will automatically refresh to reflect the changes.
Developer Trial Limitations
If this were a normal development workflow, once you completed testing your code locally, the next step would be to deploy your changes to the server that hosts the remote Sitecore instance. This step is not supported for the Developer Trial. Because of this limitation, you can edit existing components freely in Connected Mode, but you are unable to create new components and add them to the page.
Next: GraphQL