[FrontInVale 2018] Onde é que está?!

Transcript

1. Onde é que está ?! Onde é que está ?!
2. Talysson @talyssonoc talyssonoc.github.io Web dev / Codeminer42 JS
3. Problema X Y
4. Como é que eu pego a extensão de um arquivo? (problema X)
5. Ah, é só pegar os 3 últimos caracteres!
6. Mas também não sei fazer isso… (problema Y)
7. Hey, como é que eu pego os 3 últimos caracteres do nome de um arquivo?
8. Que?! Que pergunta estranha...
9. Mas é só fazer assim...
10. Eeehh… não funcionou para o meu arquivo main.js
11. #@*&%! ???????
13. Aaah, você precisa da extensão do arquivo?!
14. Isso!
15. X
16. Como não travar?
17. Procurando como fazer algo 1. Documentação oficial ◦ Use o Google para procurar na documentação: "How to request data in React apps docs" 2. Procure exemplos de como fazer exatamente o que você precisa: ◦ "How to request data in React apps example" ◦ "React AJAX GitHub" 3. Não procure quem tome decisões por você, principalmente sem contexto: ◦ Errado: "Devo usar React ou Angular?" ◦ Correto: "Qual a experiência de vocês em relação a usar React para aplicações do tipo X? Há algum problema que eu deveria saber?"
18. Procurando algo que parece estar errado 1. Leia com atenção a mensagem de erro: Uncaught TypeError: renderItem is not a function at render (main.js:2) at runApp (main.js:6) at main.js:9 2. Procure pela mensagem do erro, em vez de pelo motivo que você acha que é: ◦ Errado: "React doesn't work with AJAX" ◦ Correto: "Uncaught TypeError: renderItem is not a function" 3. Procure nas "known issues" (problemas conhecidos) nos meios oficiais ◦ Documentação oficial ◦ Issues do GitHub
19. As 4 regras de ouro
20. 1. Procure nas fontes oficiais 2. Dê o máximo de contexto possível 3. Não espere que alguém decida por você 4. Passe adiante! Outras pessoas têm a mesma dúvida
21. Obrigado! Talysson @talyssonoc http://talyssonoc.github.io
22. Referências • The XY Problem: http://xyproblem.info/ • Asking Smart Questions: http://www.catb.org/esr/faqs/smart-questions.html • Information Search Strategies on the Internet - A Critical Component of New Literacies: http://www.webology.org/2005/v2n1/a9.html • Information literacy: https://en.wikipedia.org/wiki/Information_literacy