Cover image for ron

Ron Northcutt Verified userVerified user

Head of DevRel

Appsmith

Starter App

December 20, 2024
5
· 0

Features

  • State management
  • Hidden tabs with button flow
  • Help modal
  • Follows best practices

This is a simple app that is set up for new projects with state management, configuration, and an example of a simple edit flow.

Building apps with Appsmith is fun and easy! This app contains some boilerplate code that sets up 

Tips:

  1. Use the "config" object to hold static configuration data that will not change during runtime. This can be variables, select lists, constants, etc. Consider this a great place to stick constants and global variables that can be referenced multiple times.
  2. Use the "state" object to hold dynamic data that changes often. These will typically be global mutable variables. This starter app also contains methods to save and reload the state object to maintain state across page reloads. This allows your users to pick up where they left off.
  3. The "controller" is the application's base controller. You will typically create new objects for your app to contain your main functionality, ideally organized by domain or functionality (like the "app" object).
  4. For your widgets, be sure to use the recommended naming conventions. This will make it easier to manage your app as it grows in complexity.
  5. Use state variables for most of your binding data, especially if it changes. This makes it more performant and easier to adjust and manage.

These tips will help you create more performant and maintainable apps. Remember that you are building a client-side web application, so much of your performance concerns will revolve around the common situations present in all browser-based web applications.