Custom card development technologies
ThoughtFarmer 9 is a .Net Core application. On the back end we use ASP.NET MVC to serve content to the application. The client side portion of ThoughtFarmer was written using React JS and is a single page application. This means that instead of reloading the page for any given click or interaction, the client side portion will call the Web API to get the updated information and React will update only those components that have changed. This results in a much faster web application with greatly enhanced user experience.
The same mix of technologies that ThoughtFarmer is built on is available when creating custom cards. To allow for dynamic compilation the method for development is slightly different than if you were to develop using an IDE on the desktop. The code for all of these options will go into their proper location in the edit card tool within ThoughtFarmer as shown below. For details please see Create and edit custom cards.
The following information will guide you through the technology options available.
ThoughtFarmer utilizes ReactJS. This means you can also code custom cards using React components. JSX templates are a powerful new tool that allow you to build components quickly and intuitively.
CSS and SCSS
In order to style your custom cards you can use the CSS area to add any style information you need. Keep in mind that Sass is also supported in this area. All content entered here will be transpiled from scss to proper css for use by your custom cards within the application.
Please sign in to leave a comment.