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

60

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

100

Front-end Clean Architecture

2

290

Other Decks in Programming

See All in Programming

CSC307 Lecture 04

PRO

0

660

The Past, Present, and Future of Enterprise Java

0

580

[KNOTS 2026登壇資料]AIで拡張‧交差するプロダクト開発のプロセスおよび携わるメンバーの役割

0

290

Lambda のコードストレージ容量に気をつけましょう

0

130

余白を設計しフロントエンド開発を加速させる

7

2.1k

Data-Centric Kaggle

2

780

CSC307 Lecture 01

PRO

0

690

Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い

PRO

1

2.6k

なぜSQLはAIぽく見えるのか/why does SQL look AI like

0

470

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

0

140

Best-Practices-for-Cortex-Analyst-and-AI-Agent

1

110

Implementation Patterns

0

290

Featured

See All Featured

How To Speak Unicorn (iThemes Webinar)

1

380

Un-Boring Meetings

0

200

Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster

0

370

A brief & incomplete history of  UX Design for the World Wide Web: 1989–2019

1

300

30

1.3k

Applied NLP in the Age of Generative AI

PRO

4

2k

Game over? The fight for quality and originality in the time of robots

1

120

Statistics for Hackers

799

230k

Let's Do A Bunch of Simple Stuff to Make Websites Faster

508

140k

150

17k

Fight the Zombie Pattern Library - RWD Summit 2016

234

17k

Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes

2

280

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