DEV Community: DanielSuarez

¿CSS o StyleSheet en react native?

DanielSuarez — Tue, 14 Feb 2023 15:52:13 +0000

React Native es una popular plataforma de desarrollo de aplicaciones móviles que permite a los desarrolladores crear aplicaciones nativas para iOS y Android utilizando JavaScript y React. Pero, ¿cómo estilizamos nuestra aplicación en React Native? ¿Deberíamos utilizar CSS o StyleSheet?

Ambos CSS y StyleSheet tienen sus pros y contras, y la elección depende de tus preferencias personales y de las necesidades de tu aplicación.

CSS (Cascading Style Sheets) es un lenguaje de estilo que se utiliza ampliamente en el desarrollo web. Con CSS, puedes definir estilos para tu aplicación que se apliquen a todas las páginas o componentes que los utilicen.

Sin embargo, en React Native, CSS no funciona de la misma manera que en el desarrollo web. React Native no admite todas las propiedades de CSS y algunas propiedades funcionan de manera diferente en React Native en comparación con el desarrollo web.

Por otro lado, StyleSheet es una API nativa de React Native que permite a los desarrolladores definir estilos para sus aplicaciones móviles. StyleSheet es más eficiente y optimizado para aplicaciones móviles que CSS y también ofrece una mayor flexibilidad en cuanto a la personalización y la gestión de estilos.

Además, StyleSheet es más rápido y eficiente en comparación con CSS, ya que los estilos se compilan directamente en la aplicación móvil en lugar de ser descargados desde un servidor web. Esto significa que los estilos se cargan más rápido y no dependen de una conexión a Internet para funcionar.

En resumen, si estás familiarizado con CSS y prefieres utilizarlo, puedes hacerlo en React Native, pero es importante tener en cuenta que algunas propiedades y comportamientos pueden diferir. Si prefieres una solución nativa y optimizada para aplicaciones móviles, StyleSheet es una buena opción.

En última instancia, la elección depende de tus preferencias personales y de las necesidades de tu aplicación. Ambos CSS y StyleSheet tienen sus pros y contras, y la elección correcta depende de tus objetivos.

La Diferencia entre Expo CLI y React Native CLI

DanielSuarez — Tue, 14 Feb 2023 15:46:57 +0000

React Native es un marco de desarrollo de aplicaciones móviles que permite crear aplicaciones nativas para iOS y Android utilizando JavaScript y React. Hay dos maneras principales de comenzar un proyecto en React Native: Expo CLI y React Native CLI.

Expo CLI
Expo CLI es una herramienta de línea de comandos que hace que sea muy fácil de comenzar un proyecto en React Native. Con Expo CLI, puedes crear una aplicación en React Native sin necesidad de configurar el entorno de desarrollo. Expo CLI también proporciona una plataforma en la nube para compilar y probar tu aplicación en dispositivos móviles y en un simulador de iOS o Android en tu computadora.

Además, Expo CLI viene con una serie de características y herramientas que te permiten agregar funcionalidades avanzadas a tu aplicación sin tener que escribir código nativo. Por ejemplo, puedes agregar notificaciones push, acceso a la cámara y a la galería de imágenes, y mucho más.

React Native CLI
React Native CLI es otra forma de comenzar un proyecto en React Native. A diferencia de Expo CLI, React Native CLI requiere que configures el entorno de desarrollo antes de poder comenzar a desarrollar tu aplicación. Esto puede ser un proceso complicado y requiere un conocimiento previo de configuración de entornos de desarrollo.

Sin embargo, una vez que has configurado tu entorno de desarrollo, React Native CLI te da un mayor control sobre el código de tu aplicación. Por ejemplo, puedes acceder al código nativo de iOS y Android y personalizarlo para satisfacer tus necesidades. También puedes utilizar bibliotecas y herramientas que no están disponibles en Expo CLI.

Expo CLI:
Pros:

Fácil de configurar y usar: Expo CLI es fácil de instalar y usar, y no requiere conocimientos profundos de React Native.
Abstracción completa: Expo CLI proporciona una abstracción completa de las herramientas de React Native y te permite enfocarte en el desarrollo de tu aplicación en lugar de configurar y resolver problemas técnicos.
Integración de herramientas y servicios: Expo CLI ofrece una amplia gama de herramientas y servicios integrados, como push notifications, integración con Firebase, entre otros.
Compatibilidad con múltiples plataformas: Expo CLI es compatible con iOS, Android y la web, por lo que puedes desarrollar una aplicación que funcione en todas las plataformas.

Contras:

Menos control sobre la aplicación: Al usar Expo CLI, tienes menos control sobre la aplicación en comparación con React Native CLI, ya que estás limitado a las herramientas y funciones que ofrece Expo.
Limitaciones en la personalización: Al usar Expo CLI, puedes encontrarte con limitaciones en cuanto a la personalización de la aplicación, ya que estás limitado a las herramientas y funciones que ofrece Expo.
Mayor tamaño de la aplicación: Al usar Expo CLI, puedes encontrarte con un tamaño de aplicación más grande en comparación con React Native CLI, ya que estás incluyendo todas las herramientas y funciones que ofrece Expo.

React Native CLI:
Pros:

Mayor control sobre la aplicación: Al usar React Native CLI, tienes un mayor control sobre la aplicación y puedes personalizarla y configurarla de acuerdo a tus necesidades.
Menor tamaño de la aplicación: Al usar React Native CLI, puedes encontrarte con un tamaño de aplicación más pequeño en comparación con Expo CLI, ya que estás incluyendo solo las herramientas y funciones que necesitas para tu aplicación.
Mayor flexibilidad: Al usar React Native CLI, tienes una mayor flexibilidad en cuanto a la personalización y configuración de la aplicación, ya que no estás limitado a las herramientas y funciones que ofrece Expo.
Mejor rendimiento: Al usar React Native CLI, puedes obtener un mejor rendimiento en comparación con Expo CLI, ya que estás incluyendo solo las herramientas y funciones que necesitas.

contras:

Mayor complejidad: Al usar React Native CLI, puedes encontrarte con una mayor complejidad en cuanto a la configuración y resolución de problemas técnicos, ya que tienes un mayor control sobre la aplicación.
Menos integración de herramientas y servicios: Al usar React Native CLI, puedes tener menos integración de herramientas y servicios en comparación con Expo CLI, ya que estás incluyendo solo las herramientas y funciones que necesitas para tu aplicación.
Mayor tiempo de desarrollo: Al usar React Native CLI, puedes requerir más tiempo para desarrollar la aplicación, ya que estás incluyendo solo las herramientas y funciones que necesitas para tu aplicación y tienes un mayor control sobre la aplicación.

Conclusión
En resumen, Expo CLI es una opción fácil y rápida para comenzar un proyecto en React Native, mientras que React Native CLI ofrece un mayor control y flexibilidad. La elección entre Expo CLI y React Native CLI depende de tus necesidades y preferencias personales como desarrollador.

Consejos para aumentar la productividad como programador

DanielSuarez — Sun, 12 Feb 2023 04:12:00 +0000

Ser un programador eficiente y productivo es clave para tener éxito en el campo de la tecnología. Sin embargo, a veces puede ser difícil mantenerse enfocado y motivado a lo largo del día. En este blog, compartiremos algunos consejos útiles para aumentar la productividad como programador.

Establecer metas claras: Es importante tener una idea clara de lo que se quiere lograr y cómo se quiere lograrlo. Crea un plan de acción y sigue tu progreso.
Aprender a decir "no": No te sientas obligado a aceptar todas las tareas que se te asignen. Aprende a decir "no" de manera cortés y profesional cuando sientas que no puedes cumplir con una tarea o cuando tengas demasiado en tu platea.
Automatizar tareas: Investiga y aprende a utilizar herramientas que te permitan automatizar tareas repetitivas y tediosas. Esto te permitirá ahorrar tiempo y concentrarte en tareas más importantes.
Mantenerse organizado: Mantén una lista de tareas pendientes y utiliza herramientas de gestión de tareas para mantenerte organizado y enfocado en tus objetivos.
Tomarse descansos regulares: Es importante tomar descansos regulares para mantenerse enérgico y concentrado. Haz ejercicio, medita o simplemente toma un descanso y relájate.

Conclusión:
Ser un programador productivo requiere esfuerzo y dedicación. Sin embargo, siguiendo estos consejos y encontrando un enfoque que funcione para ti, puedes mejorar tu productividad y alcanzar tus objetivos profesionales. Recuerda ser paciente y persistente, y verás resultados positivos a largo plazo.

Usando --amend

DanielSuarez — Tue, 27 Sep 2022 15:38:25 +0000

Cuando empecé en el mundo de la programación era normal ir a mi github, filtrar por los Pr's y ver cosas como:

Y ufffff 47 commits 🙈 pues no es que se vea muy bonito ¿verdad? gracias a que he tenido buenos compañeros mas seniors que uno me enseñaron a usar --amend y hoy quiero enseñarte a usarlo y decirte porqué es bueno usarlo y como me ha ayudado 🔥.

¿Porque usarlo?

Bueno la respuesta es simple, porque nos ayuda a tener un mejor control ✌🏽, dicen que buenas practicas es tener commits funcionales y que no supere cierto numero de commits, ¿Porqué? porque si queremos hacer por ejemplo un botón:

¿Te imaginas tener n commits con: text, rounded, icon, background, color o quizás enviaste un commit con algo dañado nos tocaría hacer otro commit que diga algo como update o adjustment ? 🤔

Noooo!!! no es optimo la idea es que tengamos commits funcionales y por bloques y es ahi done --amend nos ayuda un montón.

¿Como usarlo?

Es muy fácil si por ejemplo enviamos nuestro primer commit normalmente como lo hacemos hoy en día.

git commit -m"Component button disable"

Pero luego te diste cuenta que aun no sirve el disable, tu harías algo como:

git commit -m"Component button disable true"

Pero con ammend podemos hacer lo siguiente:

git commit --amend -m"Component button disable"

y eso reemplaza el antiguo commit y solo tendríamos un commit y nadie se daría cuenta que la embarramos, ¿no te parece genial?

Tener en cuenta al hacer push

Cuando hacemos push con ammend hay que hacerlo de la siguiente manera:

git push -force

Conclusión

Pero ojo 👀 solo ammend funciona si no has realizado merge de alguna rama, si hiciste merge tienes que hacer commit de la forma tradicional pero si no dale candela al ammend 🔥.

A mí me ha ayudado mucho y siento que es más organizado mi trabajo y más limpio.

Bueno hasta aquí un pequeño relato de lo que he aprendido sobre Git estaré dando más consejos que me han ayudado 🚀 cuéntame si lo usas y si no, cuéntame que te parece ¿vas a usarlo?