Sha256: f4fb88966099cc10aee49a3541459bda31c699ef2f98b45a6a4c5daf5b464e5f

Contents?: true

Size: 1.11 KB

Versions: 7

Compression:

Stored size: 1.11 KB

Contents

# What is a UI pattern?

In Toadstool, the module is the single most important thing you can build. It is the final object that will be placed in the view to create the experience. But the module is not the starting point—it's the destination. 

Starting with the elemental building blocks of the UI, then depending on the size of the module you will either assemble the final module here or using a combination of elements and UI patterns will then assemble the module. 

The UI pattern fits in between the element and the module. The module could be thought of as a complete experience within a widget of sorts while a UI pattern is simply a repeated UI element that is shared among multiple modules. 

The idea behind the UI pattern is keeping your code DRY. 

## Refactoring is the KEY! 

Modules are easy to discover while UI patterns are more elusive. It is my suggestion that you don't go chasing perfection.

UI patterns present themselves. It is when you have completed a module and start another that you may discover a similar pattern between the two. This directory is here so that you have a place to document the patterns.  

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
toadstool-0.0.0.10 lib/templates/project/views/ui_patterns/readme.md
toadstool-0.0.0.9 lib/templates/project/views/ui_patterns/readme.md
toadstool-0.0.0.8 lib/templates/project/views/ui_patterns/readme.md
toadstool-0.0.0.7 lib/templates/project/views/ui_patterns/readme.md
toadstool-0.0.0.5 lib/templates/project/views/ui_patterns/readme.md
toadstool-0.0.0.4 lib/templates/project/views/ui_patterns/readme.md
toadstool-0.0.0.3 lib/templates/project/views/ui_patterns/readme.md