RedPotion Introduction

An introduction to using RedPotion. The power of RMQ and ProMotion.

Transcript

1. willrax GitHub | Twitter | .com
2. AlphaSights engineering.alphasights.com
3. RedPotion
4. A Tale of Two Libraries
5. ProMotion’s Rubyification
6. App Delegate
7. App Delegate Entry Point
8. class AppDelegate def application(application, didFinishLaunchingWithOptions:launchOptions) controller = TopicsScreen.alloc.init controller.title = "Application" controller.view.backgroundColor = UIColor.whiteColor navigation = UINavigationController.alloc .initWithRootViewController(controller) @window = UIWindow.alloc.initWithFrame(UIScreen.mainScreen.bounds) @window.rootViewController = navigation @window.makeKeyAndVisible true end end
9. class AppDelegate < PM::Delegate status_bar true, animation: :fade def on_load(app, options) open TopicsScreen.new(nav_bar: true) end end
10. Loading Table Data
11. def tableView(table, cellForRowAtIndexPath: index_path) end def numberOfSectionsInTableView(table) end def tableView(table, numberOfRowsInSection: section) end
12. def table_data [{ title: "", cells: topics.map do |topic| { title: topic.title, subtitle: "Last Poster: #{topic.last_poster}", action: :open_profile, arguments: { topic: topic } } end }] end
13. Fallback to Cocoa API
14. Forms In App Purchases Maps Side Menus Many More…
15. ProMotion
16. ProMotion
17. RMQ’s UI Magic
18. class UserScreenStylesheet < ApplicationStylesheet def root_view(style) style.background_color = color.white end def name_label(style) style.frame = { top: 90, from_right: 20, right_of_previous: 20, height: 150 } style.number_of_lines = 0 style.text_alignment = :left style.line_break_mode = :word_wrapping style.font = UIFont.boldSystemFontOfSize(25.0) end end
19. class UserScreen < PM::Screen stylesheet UserScreenStylesheet def stylesheet build_initial_ui end def build_initial_ui append(UIImageView, :avatar_image) append(UILabel, :name) append(UILabel, :details_title) append(UILabel, :last_seen_at) end end
20. ProMotion RMQ ❤
21. Commonly Used Gems
22. RMQ ProMotion CDQ AFMotion
23. Simple Structure
24. app views models stylesheets screens
25. potion create
26. Demo Time