Comparando as Hypes - React & Vue
- 2. Herbert Henrique Developer at Love Mondays ❤ JS Tento escrever código para humanos
- 3. Contexto
- 5. Problema
- 8. Necessidades e Benefícios • Componentes • Mais testes • Gerenciar melhor os dados e estado da aplicação • Trazer uma cara nova ao projeto • Hiring Process
- 9. Necessidades e Benefícios • Componentes • Mais testes • Gerenciar melhor os dados e estado da aplicação • Trazer uma cara nova ao projeto • Hiring Process
- 11. Como escolher? • Estudar • POC (Prova de Conceito) • Discutir
- 12. História do React • Criado por Jordan Walke, um engenheiro de software do Facebook • Foi utilizado no newsfeed do facebook em 2011 • Foi tornado um projeto open-source na JSConf US em Maio de 2013.
- 14. História do Vue • Criado por Evan You, ex-engenheiro do Google • I figured, what if I could just extract the part that I really liked about Angular and build something really lightweight without all the extra concepts involved? • Inicialmente lançado em Fevereiro de 2014
- 17. React Vue
- 18. Outras empresas
- 19. React • Facebook & Instagram • Netflix • Airbnb • New York Times
- 21. Vue • Gitlab • Alibaba • Baidu • Tencent
- 23. Documentação
- 26. Render
- 27. React
- 28. React
- 29. Vue
- 30. Vue
- 32. CSS Modules
- 33. CSS Modules
- 34. PropTypes
- 36. React
- 37. Vue
- 38. List Rendering
- 39. React
- 40. Vue
- 41. State Management
- 44. Single source of truth The state of your whole application is stored in an object tree within a single store.
- 45. State is read-only The only way to change the state is to emit an action, an object describing what happened.
- 46. Changes are made with pure functions To specify how the state tree is transformed by actions, you write pure reducers.
- 47. Vuex
- 49. Router
- 50. React Router
- 51. vue-router
- 53. react-create-app
- 54. vue-cli
- 55. Test
- 56. Enzyme
- 58. $ Easy Setup Jest is a complete and easy to set up JavaScript testing solution. In fact, Jest works out of the box for any React project.
- 59. % Instant Feedback Failed tests run first. Fast interactive mode can switch between running all tests or only test files related to changed files.
- 60. 📸 Snapshot Testing Jest can capture snapshots of React trees or other serializable values to simplify testing
- 64. Comunidade
- 65. Conclusão
- 67. React • Everything is Javascript • Ecossistema • Comunidade • React Native
- 68. –Cory House “JavaScript moves fast, and React allows you to swap out small pieces of your application for better libraries instead of waiting around and hoping your framework will innovate. The philosophy of small, composable, single-purpose tools never goes out of style.”
- 69. Vue • Simples • Ecossistema • Comunidade
- 70. Dores
- 71. React • Curva de aprendizagem • Ecossistema
- 72. Vue • Testes • Comunidade • Ecossistema
- 73. O que eu escolho?