Forem: Zamudio

¿Cual es el mejor lenguaje de Programación? What is the best programming language?

Zamudio — Fri, 10 Feb 2023 17:16:31 +0000

- Spanish Section -

Cuando recién empezamos a explorar el mundo de la programación, nos damos cuenta que existen muchísimos lenguajes, y probablemente si eres nuevo, tendras un dilema muy grande : ¿Cuál es el mejor lenguajes de programación?, ¿Con cual debo comenzar?.

No existe un mejor lenguaje de programación,

Si bien es cierto que hay lenguajes de programación mas queridos por la comunidad, no existe un lenguaje de programación que sea el mejor, pero podría decir que hay lenguajes de programación que tienen enfoques especializados en ciertas ramas del desarrollo y dentro de esa rama son los mas eficientes, así que dependiendo del enfoque que tu quisieras aprender, ya sea Backend, Frontend, Data Science, etc... Estos lenguajes variarían.

Elige cualquier lenguaje

Es verdad que en los inicios nos preocupamos mucho por cual lenguaje de programación empezar y si bien no es una decision fácil y causa un gran dilema, esto realmente no tendría porque preocuparte, Elige cualquier lenguaje, ya sea Python, C#, Java, etc... ya que esta decision a demás de que te ayudara a tener bases de la programación, no determinara el futuro de tu desarrollo, Empezar, siempre es la parte mas complicada, pero a medida que vas explorando iremos descubriendo nuevas herramientas de trabajo con las que nos sintamos mas cómodos y también nos daremos cuenta, que todos los lenguajes tienen una syntaxis muy similar.

- English Section -

When we first start exploring the world of programming, we realize that there are so many languages, and probably if you are new, you will have a big dilemma: What is the best programming language, which one should I start with?

There is no best programming language***,

While it is true that there are programming languages more loved by the community, there is no programming language that is the best, but I could say that there are programming languages that have specialized approaches in certain branches of development and within that branch are the most efficient, so depending on the approach that you would like to learn, whether Backend, Frontend, Data Science, etc ... These languages would vary.

Choose any language.

It is true that in the beginning we worry a lot about which programming language to start with and while it is not an easy decision and causes a big dilemma, this really should not worry you, Choose any language, either Python, C#, Java, etc .... This decision will not determine the future of your development, but it is always the most complicated part, but as you explore, you will discover new working tools with which you feel more comfortable and you will also realize that all languages have a very similar syntax.

Developers Surival Guide, Manual de Supervivencia para Desarrolladores

Zamudio — Fri, 10 Feb 2023 17:10:42 +0000

- Spansih Section -

Bienvenidos a el Manual de Supervivencia para Desarrolladores,
dentro de esta serie, estaré dando consejos para no morir en el intento Desarrollando 😱, mostraremos buenas practicas, ejemplos, documentación, etc... Así que espero que sea de su agrado y les guste esta sección, y claro esto es una parodia a partir del Manual de Supervivencia Escolar de Ned.

- English Section -

Welcome to the Developers Survival Guide,
in this series, I will be giving tips to not die trying to develop 😱, we will show good practices, examples, documentation, etc .... So I hope you like this section, and of course this is a parody from Ned's School Survival Manual.

Resultados no Garantizados.
Results not guaranteed.
© Copyright Zamudio 2023

State Management in Flutter

Zamudio — Fri, 10 Feb 2023 15:45:36 +0000

Flutter Status Management

As we explore Flutter, there comes a time when we need to share the state of the application between screens. There are many ways to do this, and we will cover several of them.

When you start working with Flutter and you come from an imperative framework (such as Android SDK or iOS UIKit), we should start thinking that the development of our applications will have a new perspective.

Why?

! Because Flutter is declarative. !

And in a moment we'll talk about what is declarative and imperative.

In Flutter, it's okay to rebuild parts of the UI from scratch instead of modifying them. Flutter is fast enough to do this, even on a frame-by-frame basis if necessary.

This section is optional !

Declarative and Imperative Programming Languages

Source: https://www.ionos.es/digitalguide/paginas-web/desarrollo-web/programacion-imperativa/

Imperative programming languages differ from declarative languages in one basic aspect: imperative programming focuses on the "how", and declarative programming focuses on the "what".

What do I mean by this? Imperative programming languages are so to speak step-by-step instructions written for the computer and explicitly describe which steps must be carried out in what sequence to finally reach the desired solution, while declarative programming directly describes the desired end result. ***So, let's imagine that imperative languages are the ones that provide us with the recipe for a meal and declarative languages are the ones that provide us with the pictures of the prepared dishes. This starts to make a little more sense, because from here you can start to predict how these two paradigms work.

Well, as an additional fact just for you to keep in mind, imperative programming is composed of:

Structured, procedural and modular programming.

while the declarative programming is composed of:

Logical and functional programming.

We also provided an example of imperative programming with PHP, but I will not go into detail, this was simply to understand the difference between these two because it could give us a better idea of how Flutter is composed so to speak.

Difference between ephemeral state and app state

Source: https://esflutter.dev/docs/development/data-and-backend/state-mgmt/ephemeral-vs-app

The state of an application is everything that exists in memory when the application is running. This refers to all the variables that Flutter maintains about the user interface, the state of animation, textures, fonts, etc. The states can be divided into two types: The ephemeral state and Application State (or Shared State).

Ephemeral State

The ephemeral state (sometimes called UI state or local state) is the state that can clearly contain in a single widget.

Example:

Below, you can see how the currently selected element in a bottom navigation bar is held in the _index field of the _BottomNavigationBarWidget class. In this example, _index is an ephemeral state.

  class BottomNavigationBarWidget extends StatefulWidget {
  @override
  _BottomNavigationBarWidgetState createState() => _BottomNavigationBarWidgetState();
  }

  class _BottomNavigationBarWidgetState extends State<BottomNavigationBarWidget> {
    int _index = 0;

    @override
    Widget build(BuildContext context) {
      return BottomNavigationBar(
        currentIndex: _index,
        onTap: (newIndex) {
          setState(() {
            _index = newIndex;
          });
        },
        // ... items ...
      );
    }
  }

Other parts of the widget tree rarely need to access this type of state. There is no need to serialize it, and it does not change in complex ways.

In other words, no need to use state management techniques ("ScopedModel", "Redux", etc.) on this type of state. All you need is a "StatefulWidget".

Here, using setState() and a field inside the StatefulWidget class is completely natural. No other part of your application needs to access _index. The variable only changes inside the MyHomePage widget. And, if the user closes and restarts the application, you don't care if _index is reset to zero.

App State (Shared State)

State that you want to share across many parts of your app (sometimes also called shared state).

Examples of app states:

User preferences.
Login information.
Notifications in a social networking application.
The shopping cart in an e-commerce application.
Status of read/unread items in an e-commerce application.

Gestion de Estados en Flutter

Zamudio — Fri, 10 Feb 2023 00:42:32 +0000

Fuente: ESFLUTTER.DEV
A medida que vamos explorando en Flutter, llega un momento en que necesitamos compartir el estado de la aplicación entre pantallas. Hay muchas maneras de hacer esto, y abarcaremos varias de ellas.

Cuando empieza a trabajar con Flutter y vienes desde un framework imperativo (como Android SDK o iOS UIKit), debemos empezar a pensar que el desarrollo de nuestras aplicaciones tendra una nueva perspectiva.

¿Porque?

! Porque Flutter es declarativo. !

Y en un momento hablaremos sobre lo que es declarativo e imperativo.

En Flutter, está bien reconstruir partes de la UI desde cero en lugar de modificarlas. Flutter es lo suficientemente rápido para hacerlo, incluso en cada cuadro si es necesario.

Lenguajes de Programación Declarativos e Imperativos.

Fuente: IONOS.ES
Los lenguajes de programación imperativa se distinguen de los lenguajes declarativos en un aspecto básico: la programación imperativa se centra en el “cómo”, y la declarativa, en el “qué”.

¿A que me refiero con esto? Los lenguajes de programación imperativa son por asi decirlo instrucciones paso a paso redactadas para el ordenador y describen de forma explícita qué pasos deben llevarse a cabo y en qué secuencia para alcanzar finalmente la solución deseada y en la programación declarativa se describe directamente el resultado final deseado. IONOS.es nos da un ejemplo para que lo comprendamos mejor asi que, imaginemos que los lenguajes impertavios son los que nos proporcionan la receta de una comida y los declarativos son los que nos proporcionan las fotos de los platillos preparados. Esto empieza a cobrar un poquito mas de sentido, porque a partir de aqui puedes empezar a predecir como funcionan estos dos paradigmas.

Bien, como dato adicional solo para que lo tengan en cuenta la programacion imperativa esta compuesta por:

Programacion Estructurada, procedimental y modular.

mientras que la programacion declarativa esta compuesta por:

Programacion logica y funcional.

Tambien nos proporcioan un ejemplo de programacion imperativa con PHP, pero ya no entrare mucho en detalle, esto simplemente era para que comprendieran la diferencia de estos dos porque nos podria dar una mejor idea de como Flutter esta compuesto por asi decirlo.

Diferencia entre estado efímero y estado de app

Fuente: ESFLUTTER.DEV
El estado de una aplicación es todo lo que existe en la memoria cuando la aplicación está en ejecución. Esto hace referencia a todas las variables que Flutter mantiene sobre la interfaz de usuario, el estado de la animación, las texturas, las fuentes, etc. Los estados se pueden dividir en dos tipos: El estado efimero y Estado de aplicacion (o Estado Compartido).

Estado Efimero

El estado efímero (a veces llamado estado UI o estado local) es el estado que puede contener claramente en un único widget.

Ejemplo:

Abajo, puedes ver cómo el elemento actualmente seleccionado en una barra de navegación inferior se mantiene en el campo _índice de la clase _BottomNavigationBarWidget. En este ejemplo, _índice es un estado efímero.

  class BottomNavigationBarWidget extends StatefulWidget {
  @override
  _BottomNavigationBarWidgetState createState() => _BottomNavigationBarWidgetState();
  }

  class _BottomNavigationBarWidgetState extends State<BottomNavigationBarWidget> {
    int _index = 0;

    @override
    Widget build(BuildContext context) {
      return BottomNavigationBar(
        currentIndex: _index,
        onTap: (newIndex) {
          setState(() {
            _index = newIndex;
          });
        },
        // ... items ...
      );
    }
  }

Otras partes del árbol de widgets rara vez necesitan acceder a este tipo de estado. No hay necesidad de serializarlo, y no cambia de manera compleja.

En otras palabras, no es necesario utilizar técnicas de gestión de estado (“ScopedModel”, “Redux”, etc.) en este tipo de estados. Todo lo que necesitas es un “StatefulWidget”.

Aquí, usar setState() y un campo dentro de la clase StatefulWidget es completamente natural. Ninguna otra parte de tu aplicación necesita acceder a _index. La variable sólo cambia dentro del widget MyHomePage. Y, si el usuario cierra y reinicia la aplicación, no te importa que el _índice se restablezca a cero.

Estado de la app (Estado Compartido)

Estado que quieres compartir en muchas partes de tu aplicación. (a veces también llamado estado compartido).

Ejemplos de estados de aplicacion:

Preferencias del usuario.
Información de inicio de sesión.
Notificaciones en una aplicación de redes sociales.
El carrito de compras en una aplicación de comercio electrónico.
Estado de los artículos leídos/no leídos en una aplicación de noticias.

Para administrar el estado de las aplicaciones, deberá investigar sus opciones. Su elección depende de la complejidad y naturaleza de tu aplicación, de la experiencia previa de tu equipo y de muchos otros aspectos.

Algunos Gestores de Estados:

Provider.
Getx.
Bloc.

No hay una regla clara

No existe una regla clara y universal para distinguir si una variable en particular es efímera o es estado de aplicación. A veces, tendrás que refactorizar uno en otro. Por ejemplo, comenzará con un estado claramente efímero, pero a medida que tu aplicación crezca en características, tendrá que ser movida al estado de aplicación.

Cuando se le preguntó sobre el setState de React vs la store de Redux, el autor de Redux, Dan Abramov, respondió:

“La regla general es: Hacer lo que sea menos torpe.”

Gestión Sencilla Del Estado con Consumers Y Providers.