Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Técnicas de Util Prototype
Search
Matheus Monte
July 27, 2019
Programming
1
36
Técnicas de Util Prototype
Descreve técnicas de como criar protótipos de forma otimizada e reaproveitáveis no futuro
Matheus Monte
July 27, 2019
Tweet
Share
More Decks by Matheus Monte
See All by Matheus Monte
I Forum carreira - FMM 2020
matheusmonte
0
69
Order the Chaos: How to organize your react code
matheusmonte
0
44
React-360 - Go beyond Final frontier
matheusmonte
0
20
Serverless - Basic Concepts
matheusmonte
0
25
PyDTN
matheusmonte
0
120
Using Angular and React in same context
matheusmonte
0
29
Async Renderer - What's next?
matheusmonte
0
39
Componentization with React
matheusmonte
0
190
Web API with Flash: Code fast, delivery faster
matheusmonte
0
24
Other Decks in Programming
See All in Programming
Polars入門
daikikatsuragawa
1
100
ONE WEDGE_company_guide
1wedge_one
0
500
二郎系ラーメンのコールで学ぶ AST 解析
memory1994
PRO
7
1.7k
What We Can Learn From OSS
inouehi
0
420
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
230
コーンフレークから始める モデリング会話入門
ogurotakayuki
0
380
Tailwind CSSを本気でカスタマイズする方法
fsubal
14
5.3k
Goのmultiple errorsについて (2024年4月版)
syumai
4
980
Anthropic Cookbook のおすすめレシピ
schroneko
7
1k
Elm 0.19.0 Changes
bkuhlmann
0
490
try! Swift Tokyo 初参加報告LT
hinakko2
0
220
Ruby Pattern Matching
bkuhlmann
0
930
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
274
13k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Happy Clients
brianwarren
92
6.4k
Infographics Made Easy
chrislema
238
18k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
357
22k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Designing for Performance
lara
601
67k
Code Reviewing Like a Champion
maltzj
514
39k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
241
1.2M
Creatively Recalculating Your Daily Design Routine
revolveconf
210
11k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
Transcript
Técnicas de util prototype
Pai, Agilista, desenvolvedor e nada fotogênico
Como nascem os aviões?
None
None
E o software?
Ideia
MVP
Valida a ideia
–Usuários, clientes e Steakholders “Sucesso!” “Adorei Isso” “Exatamente o que
eu queria” “Vai precisar aguentar 3 trilhões de usuários” “Novo unicórnio” “Precisa só mudar um pouco essa tela!”
None
None
Pode ser DIFERENTE
Peças
Componentes
Vantagens • Reaproveitamento máximo de código já desenvolvido • Mantém
a identidade visual dos produtos • Melhora a legibilidade e manutenção • Reduz o tempo de desenvolvimento
A parte chata • Por que fazer isso para um
teste? • Pensar em comportamentos variados • Construir o pacote inicial • Refino exagerado
Equilíbrio
Como fazer
Exemplo import React,{useState, useEffect} from "react"; import './Timer.css'; function Timer(props){
const [time, setTime] = useState(props.startTimer); useEffect(() =>{ let timerID = setInterval(() => tick(), 1000); return function cleanup(){ clearInterval(timerID); } }); function tick(){ if(time > 0){ setTime(time - 1); } } return( <div className="TimerContainer"> <p className="CountNumber">{time === 0 ? <marquee>{props.finishText}</marquee> : time }</p> </div> ) } export default Timer;
Exemplo <Timer startTimer={13} finishText="time is over"/> <Timer startTimer={13} finishText="time is
over"/> <Timer startTimer={13} finishText="time is over"/> <Timer startTimer={13} finishText="time is over"/> <Timer startTimer={13} finishText="time is over"/> <Timer startTimer={13} finishText="time is over"/>
Infraestrutura
Serverless
Vantagens • Foco nas regras de negócio • Abstração de
infraestrutura • Sua linguagem preferida • Atomico • Custo
A parte chata • Controle e organização de código •
Sem “Utils" • Atomicidade • Cold Time
Limite
Como fazer
Exemplo
Exemplo
Flexível
Mobile Híbrido
Vantagens • Agilidade • Manutenção • Code once • Bom
desempenho • Documentação disponível
A parte chata • Recursos nativos • Code once, maybe
run anywhere
Objetividade
Como fazer
Exemplo
Novidade rápida
None
Até o próximo voo
[email protected]
@matheuscsmonte M.: T.: matheusmonte G.: