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

How to migrate legacy frontend?

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Igor Halfeld Igor Halfeld
July 29, 2022
Programming
1
130

How to migrate legacy frontend?

Avatar for Igor Halfeld

Igor Halfeld

July 29, 2022
Tweet

More Decks by Igor Halfeld

See All by Igor Halfeld
Modular monoliths with fastify
Avatar for Igor Halfeld igorhalfeld
0
200
Patterns for perfect components in Vue.js
Avatar for Igor Halfeld igorhalfeld
0
110
Clean Architecture no Front-end (update 2021-05-11)
Avatar for Igor Halfeld igorhalfeld
0
66
Step by step I followed a career in software
Avatar for Igor Halfeld igorhalfeld
0
710
Using AI to create memes
Avatar for Igor Halfeld igorhalfeld
0
530
Deninho, the TS children
Avatar for Igor Halfeld igorhalfeld
1
220
Micro Front-ends, what they don't tell you
Avatar for Igor Halfeld igorhalfeld
0
400
CSS in JavaScripto, the anti-pattern that is good
Avatar for Igor Halfeld igorhalfeld
1
100
Front-end Clean Architecture
Avatar for Igor Halfeld igorhalfeld
2
290

Other Decks in Programming

See All in Programming
AI時代でも変わらない技術コミュニティの力～10年続く“ゆるい”つながりが生み出す価値
Avatar for Takehata Naoto n_takehata
2
750
Go Conference mini in Sendai 2026 : Goに新機能を提案し実装されるまでのフロー徹底解説
Avatar for Takahito Yamatoya yamatoya
0
590
エンジニアの「手元の自動化」を加速するn8n 2026.02.27
Avatar for 西尾義英 symy2co
0
160
Ruby x Terminal
Avatar for Akira Matsuda a_matsuda
7
600
AIとペアプロして処理時間を97%削減した話 #pyconshizu
Avatar for Kashun Yoshida kashewnuts
1
240
Everything Claude Code OSS詳細 — 5層構造の中身と導入方法
Avatar for techs-targe targe
0
110
TipKitTips
Avatar for Ryomm ktcryomm
0
170
Agentic AI: Evolution oder Revolution
Avatar for Lars Roewekamp mobilelarson
PRO
0
180
Understanding Apache Lucene - More than just full-text search
Avatar for Alexander Reelsen spinscale
0
120
CS教育のDX AIによる育成の効率化
Avatar for ニフティ株式会社 niftycorp
PRO
0
120
モジュラモノリスにおける境界をGoのinternalパッケージで守る
Avatar for magavel magavel
0
3.5k
Claude Code Skill入門
Avatar for maya mayahoney
0
390

Featured

See All Featured
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.4k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
160
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.1k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
190
Between Models and Reality
Avatar for mayunak mayunak
2
230
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
290
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
110k

Transcript

  1. Como migrar front-end legado? 💩

  2. Igor Halfeld Software Engineer igorhalfeld.com - @igorhalfeld

  3. treinamento.vuejsbrasil.org

  4. 70% negócio & 30% tech

  5. Tudo é sobre produto!

  6. A grande ilusão…

  7. Tipos de projeto legado 😌

  8. React com Hooks e Prop Types

  9. Vue 1 com Sass

  10. React com Class Component e Prop Types

  11. Angular 1 e sass

  12. jQuery com bootstrap

  13. Em resumo, todos já caíram ou vão eventualmente caindo em

    um projeto com código legado

  14. Complexidade instrumental vs Complexidade inerente

  15. None

  16. Escrever código é uma forma de otimizar processos

  17. Código legado só é ruim se você tem que mexer

    nele 👀

  18. Débito técnico é ruim?

  19. Vamos simular um usecase

  20. None

  21. - Login - Header - Menu - Conteúdo

  22. Como? 😏

  23. None

  24. - Login - Header - Menu - Conteúdo

  25. Nginx 😍

  26. Testes E2E (cypress) do que for ser refatorado

  27. Nginx App 1 Front 2

  28. None
  29. None
  30. None
  31. None

  32. *Foco no problema. *Estratégico sempre antes do operacional. *Tecnologia nova

    é legal, mas o básico muitas das vezes já funciona (boringtechnology.club).

  33. igorhalfeld.com - @igorhalfeld