Proyecto con los ejercicios prácticos de la formación en buenas prácticas con React Native Training.
El proyecto está construido con React Native Expo. Para ejecutarlo:
yarn install
yarn start
El proyecto es incremental añadiendo cada paso (cada rama) nuevos ejercicios para trabajar diferentes aspectos y en cada paso se incluye la solución y en ocasiones una solución adicional con una variante.
A partir de step 1, el proyecto plantea una base a partir de create-expo-app
e incluyendo Typescript, husky, eslint, lint-stagged y un boilerplate de testing.
A continuación un listado de lo tratado en cada step/rama:
- step0: Directamente la base que ofrece
create-expo-app
. - step1: Ejercicio para prácticar con la gestión de estados (useState). Con su solución en step1-solved
- step2: Ejercicio para prácticar con la asincronía (useEffect). Con su solución en step2-solved
- step2-usequery: Resolución del ejercicio de asincronía usando
usequery
para gestionar la asincronía. - step3: Ejercicio para integrar la navegación (
react-navigation
) en el proyecto. Con su solución en step3-solved - step4: Ejercicio para integrar la gestión de traducciones (
react-i18next
yexpo-localization
) en el proyecto. Con su solución en step4-solved - step5: Ejercicio para aplicar la arquitectura hexagonal y dividir el proyecto en capas separando
ui
ycore
. Con su solución en step5-solved - step5-injector: Arquitectura hexagonal usando un injector (
awilix
) para la gestión de las dependencias. - step6: Ejercicio para practicar con el
contexto
de React. Con su solución en step6-solved - step7: Ejercicio para practicar con el testing en una aplicación. Con su solución en step7-solved