Reusable View Components in Rails
•
3 likes•3,209 views
This presentation focuses on view components in rails. I have experienced that many rails application developers tend to write too many partials and filters to show unrelated sections on the main view. I personally feel, filters should be used only as request filter and not collect data in the filter. If do not use view components in rails, we keep adding filters after filters and partials after partials. This presentation explains the usage of Cells and Apotomo with some basic examples. I have used the same apotomo example covered on http://apotomo.de
Recommended
More Related Content
Similar to Reusable View Components in Rails
Similar to Reusable View Components in Rails (20)
Recently uploaded
Recently uploaded (20)
Reusable View Components in Rails
- 1. View Components in Rails Harun Pathan @harunpathan
- 2. Component
- 4. render_component Deprecated
- 7. But what happens when you have unrelated sections on your main view 5
- 9. 7
- 15. What if CMS is used? 10
- 16. What if CMS is used? How do we Mash Up? 10
- 17. How do we handle this?
- 18. How do we handle this? Consider only one page with one unrelated section
- 19. How do we handle this?
- 20. How do we handle this?
- 21. How do we handle this?
- 22. How do we handle this? What if some unrelated sections are used on all the pages?
- 23. How do we handle this? What if some unrelated sections are used on all the pages? What if there are many unrelated sections?
- 24. What happens to Views?
- 25. What happens to Views? Partials
- 26. What happens to Views? Partials
- 27. What happens to Views? Partials Some more partials
- 28. What happens to Views? Partials Some more partials
- 29. What happens to Views? Partials Some more partials And some more partials and so on…
- 31. Options
- 32. Merb Parts Rails Parts Cells and Apotomo
- 33. Cells
- 34. Cells
- 35. Cells
- 36. Cells
- 37. Cells Generators
- 38. Cells Generators
- 39. Cells Generators
- 43. Caching
- 44. Caching
- 48. Cells Nested Cells View inheritance
- 49. Cells Nested Cells View inheritance
- 50. Cells Nested Cells View inheritance No doubleRenderError
- 51. Cells Nested Cells View inheritance No doubleRenderError
- 52. Hold on… there is more
- 53. Hold on… there is more APOTOMO
- 54. Reusable Persistent APOTOMO Events Independent 29
- 55. Dashboards Image galleries Auto-Completion boxes AddressBooks TabPanels Social Components like Ratings/Comments
- 57. Apotomo
- 58. Apotomo
- 59. Apotomo
- 60. Apotomo
- 61. Apotomo
- 62. Apotomo
- 68. Apotomo Index.html.erb git://github.com/hpathan/apotomo-examples.git
- 70. Apotomo - Events
- 71. Example => Create a new note and Update listing and counter => Filter notes on typing git://github.com/hpathan/apotomo-examples.git
- 85. Apotomo – Events & Widget
- 86. Apotomo – Events & Widget Root Widget1 Widget2 Widget1.1 Widget1.2 Widget2.1
- 87. Apotomo – Events & Widget Root Widget1 Widget2 Widget1.1 Widget1.2 Widget2.1
- 88. Apotomo – Events & Widget Root Widget1 Widget2 Widget1.1 Widget1.2 Widget2.1
- 89. Apotomo – Events & Widget Root Widget1 Widget2 Widget1.1 Widget1.2 Widget2.1
- 90. Thank You
Editor's Notes
- \n
- For more details C2.com on component based development\n
- Talk about MVC after talking about render_component\n
- We all like views, we should take good care of them\n
- \n
- We all like views, we should take good care of them\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- - Cells can be nested\n Cells can have as many render as possible there would be no double render_error\n
- Caching: No fragment cache, strictly view caching\n\nTest:UNIT\n\nTwo types of testing …. Unit testing both ways Cells:TestCase Or ActionControler::TestCase\n\nTest your cells in isolation\n
- Caching: No fragment cache, strictly view caching\n\nTest:UNIT\n\nTwo types of testing …. Unit testing both ways Cells:TestCase Or ActionControler::TestCase\n\nTest your cells in isolation\n
- Caching: No fragment cache, strictly view caching\n\nTest:UNIT\n\nTwo types of testing …. Unit testing both ways Cells:TestCase Or ActionControler::TestCase\n\nTest your cells in isolation\n
- Caching: No fragment cache, strictly view caching\n\nTest:UNIT\n\nTwo types of testing …. Unit testing both ways Cells:TestCase Or ActionControler::TestCase\n\nTest your cells in isolation\n
- Caching: No fragment cache, strictly view caching\n\nTest:UNIT\n\nTwo types of testing …. Unit testing both ways Cells:TestCase Or ActionControler::TestCase\n\nTest your cells in isolation\n
- Caching: No fragment cache, strictly view caching\n\nTest:UNIT\n\nTwo types of testing …. Unit testing both ways Cells:TestCase Or ActionControler::TestCase\n\nTest your cells in isolation\n
- Caching: No fragment cache, strictly view caching\n\nTest:UNIT\n\nTwo types of testing …. Unit testing both ways Cells:TestCase Or ActionControler::TestCase\n\nTest your cells in isolation\n
- Caching: No fragment cache, strictly view caching\n\nTest:UNIT\n\nTwo types of testing …. Unit testing both ways Cells:TestCase Or ActionControler::TestCase\n\nTest your cells in isolation\n
- Apotomo is based on cells\n
- \n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n
- Apotomo is based on cells\n