React Native Latam

¿Nunca te pasó de querer poner un borde bien fino, lo más fino posible, y no saber cómo? StyleSheet.hairlineWidth te da el tamaño mínimo pero aún visible según el dispositivo #hairlinewidth" target="_blank" rel="nofollow noopener">facebook.github.io/react-native/d… #ReactNative #RNTips

¿Te has visto obligado a añadir un <View /> porque tienes que hacer render de 2 componentes? Evita renderizar componentes extra usando React.Fragment como agrupador #ReactNative #RNTips #CodeSharing

@vdlindenmark We use Carbon! carbon.now.sh

¿Hiciste una animación increíble usando Animated pero se ve lenta? No te preocupes, tiene solución. Agregando "useNativeDriver: true" las animaciones van a ejecutarse en el driver nativo y van a quedar más fluidas que nunca. #performance #ReactNative #RNTips

Recuerda que usar la opción "useNativeDriver: true" nos limita en el tipo de propiedades que podemos modificar. Las propiedades "top|bottom|left|right|width|height" son algunas de las que NO se pueden usar. #ReactNative #RNTips

No te rompas la cabeza anidando <View> e <Image> para poder lograr una imagen de fondo. <ImageBackground> es todo lo que necesitas. #background-image-via-nesting" target="_blank" rel="nofollow noopener">facebook.github.io/react-native/d… #ReactNative #RNTips

¿No te alcanzó con el tip anterior y quieres que TODO un archivo sea distinto? Puedes usar la extensión .ios.js y .android.js para un mismo archivo. #platform-specific-extensions" target="_blank" rel="nofollow noopener">facebook.github.io/react-native/d… #ReactNative #RNTips #CodeSharing

¿Quieres que algo sea distinto en iOS que en Android? Una forma de hacerlo es chequeando el OS a mano: (Platform.OS === 'ios'), pero otra más fácil es usar Platform.select({ ios: ... }). facebook.github.io/react-native/d… #ReactNative #RNTips #CodeSharing

Si quieres ver el código e incluso editarlo, aquí está el link @reactnativela/reactnativetip-1" target="_blank" rel="nofollow noopener">snack.expo.io/@reactnativela…

#ReactNativeTip 1 - Solución ¡La solución es usar `hitSlop`! Aprende cómo hacerlo en menos de 1 minuto #ReactNative

#ReactNativeTip 1 - Problema ¿Te ha pasado de tener un elemento muy chico y difícil de presionar? ¿Agregaste un margen o padding y ahora tu layout no es el que querías? #ReactNative

A partir de hoy comenzamos nuestra serie de React Native Tips. Vamos a estar publicando un #ReactNativeTip por semana (o más!) con consejos y trucos para toda la comunidad de habla hispana de #ReactNative

<Text>{i18n.t('hello_world')}</Text> ✍️