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
130

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.2k
Trust & Teams: 2019 Chicago CTO Summit
Avatar for Rebecca Miller-Webster rmw
2
310
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
250
Becoming an Engineer Leader Panel Intro Slide
Avatar for Rebecca Miller-Webster rmw
0
310
Frameworks for Feedback (Long version) - 2016 May Self Conference
Avatar for Rebecca Miller-Webster rmw
2
930
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
920
Tech Talk 101: Topic Generation
Avatar for Rebecca Miller-Webster rmw
0
390

Other Decks in Technology

See All in Technology
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
Avatar for oracle4engineer oracle4engineer
PRO
2
5.5k
AWSにおけるTrend Vision Oneの効果について
Avatar for shima shimak
0
130
研究開発部メンバーの働き⽅ / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
3
20k
リーダーになったら未来を語れるようになろう/Speak the Future
Avatar for Genki Sano sanogemaru
0
300
Why React!?? Next.jsそしてReactを改めてイチから選ぶ
Avatar for ypresto ypresto
10
4.5k
AI駆動開発を推進するためにサービス開発チームで 取り組んでいること
Avatar for おーしろ noayaoshiro
0
220
多様な事業ドメインのクリエイターへ 価値を届けるための営みについて
Avatar for massyuu massyuu
1
390
How to achieve interoperable digital identity across Asian countries
Avatar for Naohiro Fujie fujie
0
120
OCI Network Firewall 概要
Avatar for oracle4engineer oracle4engineer
PRO
1
7.8k
「AI駆動PO」を考えてみる - 作る速さから価値のスループットへ：検査・適応で未来を開発 / AI-driven product owner. scrummat2025
Avatar for yosuke nagai yosuke_nagai
4
630
Access-what? why and how, A11Y for All - Nordic.js 2025
Avatar for Geisy Domiciano gdomiciano
1
120
「Verify with Wallet API」を アプリに導入するために
Avatar for hinakko hinakko
1
250

Featured

See All Featured
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.5k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.9k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
19
1.2k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.1k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
40k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.6k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.6k

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!