React Native Latam

Tu dosis diaria de #ReactNative en América Latina! 👌

[React Native Latam @ReactNativeLA]

¿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 https://t.co/eZ08PtssIY #ReactNative #RNTips

[React Native Latam @ReactNativeLA]

¿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

[React Native Latam @ReactNativeLA]

@vdlindenmark We use Carbon! https://t.co/OhdpibwWnN

[React Native Latam @ReactNativeLA]

¿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

[React Native Latam @ReactNativeLA]

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

[React Native Latam @ReactNativeLA]

No te rompas la cabeza anidando <View> e <Image> para poder lograr una imagen de fondo.
<ImageBackground> es todo lo que necesitas.
https://t.co/8WiBoKzZx0 #ReactNative #RNTips

[React Native Latam @ReactNativeLA]

¿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.
https://t.co/qQTmy0yCAQ #ReactNative #RNTips #CodeSharing

[React Native Latam @ReactNativeLA]

¿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 https://t.co/NqWyIVOMpS({ ios: ... }).
https://t.co/zFAz7u6dHh #ReactNative #RNTips #CodeSharing

[React Native Latam @ReactNativeLA]

Si quieres ver el código e incluso editarlo, aquí está el link
https://t.co/s4AdctlkNT

[React Native Latam @ReactNativeLA]

#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

[React Native Latam @ReactNativeLA]

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

#ReactNative

[React Native Latam @ReactNativeLA]

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

[React Native Latam @ReactNativeLA]

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