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

Cleaning up your views

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Rebecca Miller-Webster Rebecca Miller-Webster
April 03, 2013
Technology
2
140

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
35
3.4k
Trust & Teams: 2019 Chicago CTO Summit
Avatar for Rebecca Miller-Webster rmw
2
340
Refactoring Trust on Your Team (CTO Summit 2018)
Avatar for Rebecca Miller-Webster rmw
1
1.5k
Trust and Teams: GORUCO 2017
Avatar for Rebecca Miller-Webster rmw
0
270
Becoming an Engineer Leader Panel Intro Slide
Avatar for Rebecca Miller-Webster rmw
0
340
Frameworks for Feedback (Long version) - 2016 May Self Conference
Avatar for Rebecca Miller-Webster rmw
2
990
Frameworks for Feedback (2015 May - RailsConf)
Avatar for Rebecca Miller-Webster rmw
1
540
Frameworks for Feedback - DevOpsDays Chicago
Avatar for Rebecca Miller-Webster rmw
0
960
Tech Talk 101: Topic Generation
Avatar for Rebecca Miller-Webster rmw
0
430

Other Decks in Technology

See All in Technology
越境する組織づくり ─ 多様性を前提にしたチームビルディングとリードの実践知
Avatar for hrpnx kido_engineer
1
110
Oracle Database@Google Cloud：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
5
1.1k
Kaggleの経験が実務にどう活きているか / kaggle_findy
Avatar for Sansan R&D sansan_randd
4
750
マネージャー版 "提案のレベル" を上げる
Avatar for konifar konifar
18
12k
LINEヤフーにおけるAI駆動開発組織のプロデュース施策
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
400
管理者向けGitHub Enterpriseの運用Tips紹介: 人にもAIにも優しいプラットフォームづくり
Avatar for yuriemori yuriemori
0
110
kintone開発のプラットフォームエンジニアの紹介
Avatar for Cybozu cybozuinsideout
PRO
0
820
Datadog Cloud Cost Management で実現するFinOps
Avatar for Taiji HAGINO taiponrock
PRO
0
140
新職業『オーケストレーター』誕生 — エージェント10体を同時に回すAgentOps
Avatar for Gunther Brunner gunta
4
1.4k
大規模な組織におけるAI Agent活用の促進と課題
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
6
7.8k
OSSで構築するIT基盤管理実践事例: NetBox・Snipe-IT・FreeRADIUS+PrivacyIDEA / Practical Case Studies of IT Infrastructure Management Using OSS
Avatar for NTT docomo Business nttcom
0
200
Evolution of Claude Code & How to use features
Avatar for Oikon oikon48
1
220

Featured

See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
180
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
150
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
75
5.1k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
400
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
620
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.7k
Done Done
Avatar for chrislema chrislema
186
16k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.2k

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!