Historical F1 is an app that provides seasons and rounds data from any Formula 1 season, from 1950 to its current season!
Developed with React Native and Expo CLI, Historical F1 is an informative app fed by Ergast Developer API. The goal of this application was to practice and master all the React content I've been studying throughout 2020, specially since the beginning of the quarantine.
Important about this branchThis branch does not include the styled podium, which is implemented in development branch. The reason why is because some inconsistencies were found, as drivers in the past could switch cars and be placed in the same position at the end of the race.
- React Native
- Expo CLI
- Axios
- TypeScript
Firstly, it is impossible not to talk about TypeScript and its importance. Many might think it affects productivity at the beginning of the project, and that is true since you obviously are going to create new data structures that the TypeScript will not be able to understand until you create an interface. But, as you keep going, TypeScript will help you a lot with auto-complete features of your code editor, which avoid many mistakes you may commit without actually noticing. And last but not least, TypeScript is very important for other developers working on the same project, because they get to know what types of parameters functions will receive, which one of them are optional and the type of returning values as well.
Secondly, I also figured how important it is to have project and code standards, write code as clean as possible and to organize your files, assets and components in folders and subfolders with suggestive names. This is very important, because as your project gets bigger, it will not be difficult to understand it and locate resources. In addition, it will improve the scalability of your code, being much easier to apply changes and implement new features, since it will not require many modifications on your code.
Historical F1 é um app que fornece dados sobre temporadas e etapas de qualquer temporada da Formula 1, desde 1950 até sua temporada atual!
Desenvolvido com React Native e Expo CLI, o Historical F1 é um app informativo alimentado pela Ergast Developer API. O objetivo desta aplicação foi praticar e dominar todo o conteúdo de React que eu venho estudando ao longo de 2020, especialmente desde o início da quarentena.
Importante sobre esta branchEsta branch não inclui o pódio estilizado, que é implementado na development branch. A razão pela qual é porque algumas inconsistências foram encontradas, já que os pilotos no passado podiam trocar de carro e serem colocados na mesma posição ao final da corrida.
- React Native
- Expo CLI
- Axios
- TypeScript
Primeiramente, é impossível não falar sobre TypeScript e sua importância. Muitos podem pensar que isso afeta a produtividade no início do projeto, e isso é verdade, já que você obviamente vai criar novas estruturas de dados que o TypeScript não será capaz de entender até que você crie uma interface. Mas, à medida que você prossegue, o TypeScript o ajudará muito com recursos de auto complete do seu editor de código, o que evita muitos erros que você pode cometer sem nem mesmo perceber. E por último, mas não menos importante, o TypeScript é muito importante para outros desenvolvedores que trabalham no mesmo projeto, pois eles ficam sabendo que tipo de parâmetros as funções receberão, qual deles é opcional e o tipo de retorno dos valores também.
Em segundo lugar, também percebi como é importante ter padrões de projeto e código, escrever código o mais limpo possível e organizar seus arquivos, recursos e componentes em pastas e subpastas com nomes sugestivos. Isso é muito importante, pois conforme o seu projeto fica maior, não será difícil entendê-lo e localizar recursos. Além disso, irá melhorar a escalabilidade do seu código, sendo muito mais fácil aplicar alterações e implementar novos recursos, pois não exigirá muitas modificações em seu código.
|
|
|