Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Cleaning up your views

Avatar for Rebecca Miller-Webster Rebecca Miller-Webster
April 03, 2013
Technology
2
120

Cleaning up your views

Avatar for Rebecca Miller-Webster

Rebecca Miller-Webster

April 03, 2013
Tweet

More Decks by Rebecca Miller-Webster

See All by Rebecca Miller-Webster
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
Trust & Teams: 2019 Chicago CTO Summit
Avatar for Rebecca Miller-Webster rmw
2
300
Refactoring Trust on Your Team (CTO Summit 2018)
Avatar for Rebecca Miller-Webster rmw
1
1.4k
Trust and Teams: GORUCO 2017
Avatar for Rebecca Miller-Webster rmw
0
240
Becoming an Engineer Leader Panel Intro Slide
Avatar for Rebecca Miller-Webster rmw
0
300
Frameworks for Feedback (Long version) - 2016 May Self Conference
Avatar for Rebecca Miller-Webster rmw
2
910
Frameworks for Feedback (2015 May - RailsConf)
Avatar for Rebecca Miller-Webster rmw
1
500
Frameworks for Feedback - DevOpsDays Chicago
Avatar for Rebecca Miller-Webster rmw
0
910
Tech Talk 101: Topic Generation
Avatar for Rebecca Miller-Webster rmw
0
380

Other Decks in Technology

See All in Technology
Operating Operator
Avatar for Jun Kokatsu shhnjk
1
580
Reach American Airlines®️ Instantly: 19 Calling Methods for Fast Support in the USA
Avatar for Bdsdigi@1234 flyamerican
1
160
第４回Snowflake 金融ユーザー会 Snowflake summit recap
Avatar for Makoto tamaoki
1
280
SEQUENCE object comparison - db tech showcase 2025 LT2
Avatar for Noriyoshi Shinoda nori_shinoda
0
130
What’s new in Android development tools
Avatar for Yuki Anzai yanzm
0
310
ビギナーであり続ける/beginning
Avatar for 小田中育生 ikuodanaka
3
750
OPENLOGI Company Profile
Avatar for OPENLOGI hr01
0
67k
AI専用のリンターを作る #yumemi_patch
Avatar for 弁護士ドットコム bengo4com
5
4.3k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
47
19k
AWS認定を取る中で感じたこと
Avatar for Siromi siromi
1
190
Lufthansa ®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for danielconkling870 lufthanahelpsupport
0
190
ビズリーチが挑む メトリクスを活用した技術的負債の解消 / dev-productivity-con2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
3
7.5k

Featured

See All Featured
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
189
11k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
233
17k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.9k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k

Transcript

  1. Cleaning up views with Decorators & Helpers Rebecca Miller-Webster

  2. None
  3. None

  4. • logic in views is harder to test • views

    are difficult to reason about Problem: Our Views are messy WTF is happening here??

  5. Decorators & Helpers WHEN SHIT GETS COMPLICATED

  6. Decorators Logic moves with the OBJECT Helpers Logic moves with

    the VIEW

  7. This

  8. TO

  9. How?

  10. Generate classes

  11. None

  12. Generate Copy

  13. Encapsulate repetition in partials Sometimes zero Sometimes one Sometimes two

  14. None

  15. Generate html attributes From TO WITH

  16. Thank you!