Uploaded byHarun Pathan
Reusable View Components in Rails
The document discusses how to manage view components in Rails, particularly when dealing with unrelated sections on a main view. It elaborates on different approaches, such as using partials, cells, and events in the Apotomo framework. Various examples and implementations of these concepts are provided, alongside links to supplementary code resources.
Reusable View Components in Rails
- 1. View Components inRails Harun Pathan @harunpathan
- 2.
- 3.
- 4. render_component Deprecated
- 5.
- 6.
- 7. But what happenswhen you have unrelated sections on your main view 5
- 9.
- 15.
- 16. What if CMS is used? How do we Mash Up? 10
- 17. How do wehandle this?
- 18. How do wehandle this? Consider only one page with one unrelated section
- 19. How do wehandle this?
- 20. How do wehandle this?
- 21. How do wehandle this?
- 22. How do wehandle this? What if some unrelated sections are used on all the pages?
- 23. How do wehandle this? What if some unrelated sections are used on all the pages? What if there are many unrelated sections?
- 24. What happens toViews?
- 25. What happens toViews? Partials
- 26. What happens toViews? Partials
- 27. What happens toViews? Partials Some more partials
- 28. What happens toViews? Partials Some more partials
- 29. What happens toViews? Partials Some more partials And some more partials and so on…
- 31.
- 32. Merb Parts Rails Parts Cells and Apotomo
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 43.
- 44.
- 45.
- 46.
- 47.
- 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… thereis more
- 53. Hold on… thereis more APOTOMO
- 54. Reusable Persistent APOTOMO Events Independent 29
- 55. Dashboards Imagegalleries Auto-Completion boxes AddressBooks TabPanels Social Components like Ratings/Comments
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68. Apotomo Index.html.erb git://github.com/hpathan/apotomo-examples.git
- 70.
- 71. Example => Create a new note and Update listing and counter => Filter notes on typing git://github.com/hpathan/apotomo-examples.git
- 72.
- 73.
- 74.
- 75.
- 76.
- 77.
- 78.
- 79.
- 80.
- 81.
- 82.
- 83.
- 84.
- 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.
Editor's Notes
- #2 \n
- #3 For more details C2.com on component based development\n
- #4 Talk about MVC after talking about render_component\n
- #5 We all like views, we should take good care of them\n
- #6 \n
- #7 We all like views, we should take good care of them\n
- #8 \n
- #9 \n
- #10 \n
- #11 \n
- #12 \n
- #13 \n
- #14 \n
- #15 \n
- #16 \n
- #17 \n
- #18 \n
- #19 \n
- #20 \n
- #21 \n
- #22 \n
- #23 \n
- #24 \n
- #25 \n
- #26 \n
- #27 \n
- #28 \n
- #29 \n
- #30 \n
- #31 \n
- #32 \n
- #33 \n
- #34 - Cells can be nested\n Cells can have as many render as possible there would be no double render_error\n
- #35 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
- #36 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
- #37 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
- #38 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
- #39 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
- #40 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
- #41 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
- #42 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
- #43 Apotomo is based on cells\n
- #44 \n
- #45 Apotomo is based on cells\n
- #46 Apotomo is based on cells\n
- #47 Apotomo is based on cells\n
- #48 Apotomo is based on cells\n
- #49 Apotomo is based on cells\n
- #50 Apotomo is based on cells\n
- #51 Apotomo is based on cells\n
- #52 Apotomo is based on cells\n
- #53 Apotomo is based on cells\n
- #54 Apotomo is based on cells\n
- #55 Apotomo is based on cells\n
- #56 Apotomo is based on cells\n
- #57 Apotomo is based on cells\n
- #58 Apotomo is based on cells\n
- #59 Apotomo is based on cells\n
- #60 Apotomo is based on cells\n
- #61 Apotomo is based on cells\n
- #62 Apotomo is based on cells\n
- #63 Apotomo is based on cells\n
- #64 Apotomo is based on cells\n
- #65 Apotomo is based on cells\n
- #66 Apotomo is based on cells\n
- #67 Apotomo is based on cells\n
- #68 Apotomo is based on cells\n
- #69 Apotomo is based on cells\n
- #70 Apotomo is based on cells\n
- #71 Apotomo is based on cells\n
- #72 Apotomo is based on cells\n
- #73 Apotomo is based on cells\n