Técnicas de Util Prototype

Descreve técnicas de como criar protótipos de forma otimizada e reaproveitáveis no futuro

Transcript

1. Técnicas de util prototype
2. Pai, Agilista, desenvolvedor e nada fotogênico
3. Como nascem os aviões?
6. E o software?
7. Ideia
8. MVP
9. Valida a ideia
10. –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!”
13. Pode ser DIFERENTE
14. Peças
15. Componentes
16. 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
17. A parte chata • Por que fazer isso para um teste? • Pensar em comportamentos variados • Construir o pacote inicial • Refino exagerado
18. Equilíbrio
19. Como fazer
20. 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;
21. 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"/>
22. Infraestrutura
23. Serverless
24. Vantagens • Foco nas regras de negócio • Abstração de infraestrutura • Sua linguagem preferida • Atomico • Custo
25. A parte chata • Controle e organização de código • Sem “Utils" • Atomicidade • Cold Time
26. Limite
27. Como fazer
28. Exemplo
29. Exemplo
30. Flexível
31. Mobile Híbrido
32. Vantagens • Agilidade • Manutenção • Code once • Bom desempenho • Documentação disponível
33. A parte chata • Recursos nativos • Code once, maybe run anywhere
34. Objetividade
35. Como fazer
36. Exemplo
37. Novidade rápida
39. Até o próximo voo matheus.m@samsung.com @matheuscsmonte M.: T.: matheusmonte G.: