📄️ Step 0 - get the starter code
Normally you would initialize a new powerhouse project by running ph init with your project name. But since this is a tutorial, we want to provide branches with the final code for each step.
📄️ Step 1 - Generate the TodoList document model
Overview
📄️ Step 2 — Implement the TodoList document model reducer operation handlers
Adding the logic for handling operations with reducers
📄️ Step 3 — Adding our own tests for the document model actions
Similarly to the operation handler logic, when you add a new module to your document model, we generate some boilerplate tests for your code.
📄️ Step 4 — Generating a document model editor for TodoList documents
Generate the editor template
📄️ Step 5 — Implement TodoList document editor UI components
Out of the box, we have a component for updating our TodoList documents' names, but we would like to create, read, update, and delete all of the data in our documents.
📄️ Step 6 - Generate the custom drive editor for managing our TodoList documents
in Connect, a "drive" is just a document with the type "powerhouse/drive", which is specifically created for containing and managing other documents.
📄️ Step 7 - Add shared component for showing TodoList stats
So far we've been creating components that live in the same directories as the editors that use them. But sometimes we want to use the same component across multiple editors.