{"data":{"allPostTitles":{"edges":[{"node":{"frontmatter":{"title":""},"fields":{"slug":"mobile/"}}},{"node":{"frontmatter":{"title":""},"fields":{"slug":"mobile/"}}},{"node":{"frontmatter":{"title":""},"fields":{"slug":"mobile/"}}},{"node":{"frontmatter":{"title":""},"fields":{"slug":"mobile/"}}},{"node":{"frontmatter":{"title":""},"fields":{"slug":"mobile/"}}},{"node":{"frontmatter":{"title":"A Component Using External Plugins"},"fields":{"slug":"mobile/a-component-using-external-plugins"}}},{"node":{"frontmatter":{"title":"A Simple Component"},"fields":{"slug":"mobile/a-simple-component"}}},{"node":{"frontmatter":{"title":"A Stateful Component"},"fields":{"slug":"mobile/a-stateful-component"}}},{"node":{"frontmatter":{"title":"An Application"},"fields":{"slug":"mobile/an-application"}}},{"node":{"frontmatter":{"title":"Accordion"},"fields":{"slug":"mobile/accordion"}}},{"node":{"frontmatter":{"title":"ActivityIndicator"},"fields":{"slug":"mobile/activity-indicator"}}},{"node":{"frontmatter":{"title":"Badge"},"fields":{"slug":"mobile/badge"}}},{"node":{"frontmatter":{"title":"Button"},"fields":{"slug":"mobile/button"}}},{"node":{"frontmatter":{"title":"Box"},"fields":{"slug":"mobile/box"}}},{"node":{"frontmatter":{"title":"Card"},"fields":{"slug":"mobile/card"}}},{"node":{"frontmatter":{"title":"Checkbox"},"fields":{"slug":"mobile/checkbox"}}},{"node":{"frontmatter":{"title":"Grid"},"fields":{"slug":"mobile/grid"}}},{"node":{"frontmatter":{"title":"Image"},"fields":{"slug":"mobile/image"}}},{"node":{"frontmatter":{"title":"Icon"},"fields":{"slug":"mobile/icon"}}},{"node":{"frontmatter":{"title":"InputItem"},"fields":{"slug":"mobile/input-item"}}},{"node":{"frontmatter":{"title":"List"},"fields":{"slug":"mobile/list"}}},{"node":{"frontmatter":{"title":"ListItem"},"fields":{"slug":"mobile/list-item"}}},{"node":{"frontmatter":{"title":"NavBar"},"fields":{"slug":"mobile/nav-bar"}}},{"node":{"frontmatter":{"title":"NoticeBar"},"fields":{"slug":"mobile/notice-bar"}}},{"node":{"frontmatter":{"title":"Pagination"},"fields":{"slug":"mobile/pagination"}}},{"node":{"frontmatter":{"title":"Picker"},"fields":{"slug":"mobile/picker"}}},{"node":{"frontmatter":{"title":"Progress"},"fields":{"slug":"mobile/progress"}}},{"node":{"frontmatter":{"title":"Radio"},"fields":{"slug":"mobile/radio"}}},{"node":{"frontmatter":{"title":"Range"},"fields":{"slug":"mobile/range"}}},{"node":{"frontmatter":{"title":"SearchBar"},"fields":{"slug":"mobile/search-bar"}}},{"node":{"frontmatter":{"title":"SegmentedControl"},"fields":{"slug":"mobile/segmented-control"}}},{"node":{"frontmatter":{"title":"Slider"},"fields":{"slug":"mobile/slider"}}},{"node":{"frontmatter":{"title":"Stepper"},"fields":{"slug":"mobile/stepper"}}},{"node":{"frontmatter":{"title":"Steps"},"fields":{"slug":"mobile/steps"}}},{"node":{"frontmatter":{"title":"Switch"},"fields":{"slug":"mobile/switch"}}},{"node":{"frontmatter":{"title":"TabBar"},"fields":{"slug":"mobile/tab-bar"}}},{"node":{"frontmatter":{"title":"Tabs"},"fields":{"slug":"mobile/tabs"}}},{"node":{"frontmatter":{"title":"Tag"},"fields":{"slug":"mobile/tag"}}},{"node":{"frontmatter":{"title":"TextareaItem"},"fields":{"slug":"mobile/textarea-item"}}},{"node":{"frontmatter":{"title":"WhiteSpace"},"fields":{"slug":"mobile/white-space"}}},{"node":{"frontmatter":{"title":"WingBlank"},"fields":{"slug":"mobile/wing-blank"}}},{"node":{"frontmatter":{"title":"TabStatic"},"fields":{"slug":"mobile/tab-static"}}},{"node":{"frontmatter":{"title":"Carousel"},"fields":{"slug":"mobile/carousel"}}},{"node":{"frontmatter":{"title":"ListView"},"fields":{"slug":"mobile/list-view"}}}]},"postBySlug":{"html":"<p>Using <code class=\"language-text\">props</code> and <code class=\"language-text\">state</code>, we can put together a small Todo application. This example uses <code class=\"language-text\">state</code> to track the current list of items as well as the text that the user has entered. Although event handlers appear to be rendered inline, they will be collected and implemented using event delegation.</p>","excerpt":"Using   and  , we can put together a small Todo application. This example uses   to track the current list of items as well as the text that…","frontmatter":{"title":"An Application","description":null},"fields":{"slug":"mobile/an-application"}}},"pathContext":{"slug":"mobile/an-application"}}