Behavior subject:

  1. Es un observable y observer
  2. Es usado normalmente para la comunicación entre componentes (padre e hijo), mediante un servicio
  3. Es un como un almacenador de valores (object, boolean, string o number)
  4. Se puede inicializar un valor, para que inmediatamente se subscriban
  5. Mantiene El valor actual( en memoria), es decir cuando navegas por la web, El observable sigue vivo, y puedes suscribirte.

Subject:

  1. Es un observable y observer.
  2. No se puede inicializar un valor
  3. No mantiene El valor actual, si navegas en otra pagina se pierde El observable y por ende no puedes subscribirte
  4. Para que detecte el observer y se subscriba, el observable subject tiene que setear el valor usando El metodo .next(value) después de que se hayan subscrito.

Vamos a comprar un dominio en Namecheap

Como recordatorio, en Namecheap solo tendremos el dominio ssl y en DigitalOcean nuestro hosting.

Paso 1: Ingresamos a namecheap

Consideraciones:

  • Create una cuenta, en caso ya lo tengas, solo logeate
  • Y realiza la búsqueda de tu dominio para alquilarlo (en este ejemplo yo estoy comprando mi dominio: janpierredev.com

Paso 2: Selecciono mi dominio y lo añado a mi carrito


Instalar Nginx a DigitalOcean

Requisitos previos: Se debe tener en cuenta que se debe crear un usuario que no sea root, para ello primero vamos a crear un usuario.

Paso 1: Abrir una terminal (yo uso gitbash) y ingresar:

ssh root@your_server_ip

Recordar que la ip 198.211.112.55 es de digitalOcean IPV4


Hola a todos, actualmente estoy trabajando en un proyecto personal y al subirlo a producción compré mi dominio SSL en Namecheap y el hosting en DigitalOcean y a continuación les explico cómo implementarlo.

Paso 1: Ingresar a DigitalOcean

Paso 2: Crear su proyecto

Paso 3: Crear un droplet

Un droplet no es más que una máquina virtual en la nube con todas las características de un servidor.


Hola a todos, hace poco tuve un problema con git respecto a realizar un pull (jalar cambios de una rama), me comenzó a salir este mensaje:

Por cada pull me pedía mi contraseña.


1. Envio de commit o PR gigantescos

Ocurriría varios problemas como:

  • Tomar mucho tiempo revisarlo.
  • Al tener varias lineas de codigo, puede que no revisemos todo.
  • No prevenir potenciales errores.

2. Lava flow

Ocurre cuando un software es entregado antes de ser completado o antes de ser completamente probado, esto normalmente ocurre cuando estas contra el reloj para entregar una funcionalidad.

3. Muchos argumentos en una función

Ocurre cuando posee muchos argumentos en una función, y se vuelve un problema manejar estos tipos de funciones, la solución es desacoplar en funciones pequeñas

4. Copia y pega código

Copiar y pegar el código sin entender como funciona, es una mala práctica.

5. Spaghetti Code

Es un término despectivo en el ámbito de la programación sobre…


En caso no hayas leído la parte I, te lo comparto:

¿Que es un Componente?

Es una pequeña pieza de código encapsulada, reutilizable.

El concepto de componente es algo bastante sencillo de entender, básicamente se trata de un elemento software visual que tiene su propio estado, recibe unas propiedades e implementa su propia lógica de renderizado.

con snipets en visualcode: https://marketplace.visualstudio.com/items?itemName=burkeholland.simple-react-snippets

Puedes crear un componente ingresando

rafcp

Functional Component (FC)

Fragment

props = properties


¿Que es IndexedDB?

Es una forma de almacenar datos de forma persistente dentro del navegador de un usuario, independientemente de la disponibilidad de la red. Estas aplicaciones pueden funcionar tanto en línea como fuera de línea.

IndexedDB, consta de múltiples almacenes de objetos. Son como tablas Mysql o colecciones MongoDB. Cada almacén puede contener múltiples objetos (como filas en una tabla MYSQL)

Conceptos que deberia conocer al trabajar con IndexDB

  • Las bases de datos IndexedDB almacenan pares clave-valor.
  • IndexedDB se basa en un modelo de base de datos transaccional.
  • La API IndexedDB es principalmente asíncrona.
  • IndexedDB usa muchas solicitudes.
  • IndexedDB utiliza eventos DOM para notificarle cuando los resultados están disponibles
  • IndexedDB…


¿Que es React?

React es una biblioteca Javascript de código abierto diseñada para crear interfaces de usuario con el objetivo de facilitar el desarrollo de aplicaciones en una sola página. Es mantenido por Facebook y la comunidad de software libre. Han participado en el proyecto más de mil desarrolladores diferentes.

Su extensión que maneja es:

.jsx = js + xml

Babel

Funciona en el background en React, permite usar características de ecmascript, que aun no soporta los navegadores, ya que lo transpila.

Mi primer ejemplo con React:


¿Qué es REDUX?

Seguramente es una palabra que has visto en tu incursión a la programación reactiva y sus patrones de diseño. Sin más, REDUX es una librería de JavaScript que, a grandes rasgos, es el contenedor del estado de tu aplicación. Y decimos contenedor por que básicamente la información de toda tu aplicación se concentra en un solo lugar llamado Store. Este patrón no es exclusivo de un framework, ya que podemos implementarlo en aplicaciones hechas en React, Vue, Angular o JavaScript puro.

El patrón REDUX nos permite saber:

  • ¿Cuál es el estado de mi aplicación en este momento?
  • ¿Qué valor tiene…

Jose Jan Pierre Sanchez Manosalva

Me gusta jugar futbol, videojuegos y me fascina la programación :::::: www.linkedin.com/in/jose-jan-pierre-sanchez-manosalva

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store