How to migrate legacy frontend?

July 29, 2022

130

How to migrate legacy frontend?

Igor Halfeld

July 29, 2022

Tweet

More Decks by Igor Halfeld

See All by Igor Halfeld

Modular monoliths with fastify

0

190

Patterns for perfect components in Vue.js

0

110

Clean Architecture no Front-end (update 2021-05-11)

0

59

Step by step I followed a career in software

0

700

Using AI to create memes

0

530

Deninho, the TS children

1

220

Micro Front-ends, what they don't tell you

0

390

CSS in JavaScripto, the anti-pattern that is good

1

97

Front-end Clean Architecture

2

290

Other Decks in Programming

See All in Programming

Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup

1

230

CSC307 Lecture 02

PRO

1

770

そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?

6

4.5k

CSC307 Lecture 05

PRO

0

490

LLM Observabilityによる対話型音声AIアプリケーションの安定運用

2

410

Smart Handoff/Pickup ガイド - Claude Code セッション管理

0

110

16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year

5

980

生成AIを使ったコードレビューで定性的に品質カバー

1

230

AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門

masahiro_nishimi

3

220

コマンドとリード間の連携に対する脅威分析フレームワーク

1

440

疑似コードによるプロンプト記述、どのくらい正確に実行される？

0

380

0→1 フロントエンド開発 Tips🚀 #レバテックMeetup

0

540

Featured

See All Featured

個人開発の失敗を避けるイケてる考え方 / tips for indie hackers

122

21k

Jess Joyce - The Pitfalls of Following Frameworks

PRO

1

62

Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes

2

280

Data-driven link building: lessons from a $708K investment (BrightonSEO talk)

1

910

Why You Should Never Use an ORM

PRO

61

9.7k

Lightning Talk: Beautiful Slides for Beginners

PRO

1

430

A designer walks into a library…

pauljervisheath

210

24k

Designing Dashboards & Data Visualisations in Web Apps

231

54k

30 Presentation Tips

PRO

1

210

Site-Speed That Sticks

13

1.1k

Are puppies a ranking factor?

1

2.7k

SEO Brein meetup: CTRL+C is not how to scale international SEO

0

2.3k

Transcript

Como migrar front-end legado? 💩
Igor Halfeld Software Engineer igorhalfeld.com - @igorhalfeld
treinamento.vuejsbrasil.org
70% negócio & 30% tech
Tudo é sobre produto!
A grande ilusão…
Tipos de projeto legado 😌
React com Hooks e Prop Types
Vue 1 com Sass
React com Class Component e Prop Types
Angular 1 e sass
jQuery com bootstrap
Em resumo, todos já caíram ou vão eventualmente caindo em
um projeto com código legado
Complexidade instrumental vs Complexidade inerente
None
Escrever código é uma forma de otimizar processos
Código legado só é ruim se você tem que mexer
nele 👀
Débito técnico é ruim?
Vamos simular um usecase
None
- Login - Header - Menu - Conteúdo
Como? 😏
None
- Login - Header - Menu - Conteúdo
Nginx 😍
Testes E2E (cypress) do que for ser refatorado
Nginx App 1 Front 2
None
None
None
None
*Foco no problema. *Estratégico sempre antes do operacional. *Tecnologia nova
é legal, mas o básico muitas das vezes já funciona (boringtechnology.club).
igorhalfeld.com - @igorhalfeld