Componentes en React

Los componentes permiten separar la interfaz de usuario en piezas independientes, reutilizables y pensar en cada pieza de forma aislada.

Existen dos tipos de componentes en React:

• Componentes funcionales: Solo tienen propiedades.
• Componentes de clase: Tienen propiedades, ciclos de vida y propiedades.

Componentes funcionales.

La forma más sencilla de definir un componente es escribir una función de JavaScript ,por

 convenio se pone el nombre de la función en mayúsculas y para renderizarlo simplemente se pone una etiqueta con el nombre de la función.

Componentes de clase.

Un componente de clase es una clase de javascript que extiende la clase Component de React.

Ramas y Pull request

Para ver las ramas que tenemos en un repositorio, utilizamos git branch, existen varias opciones que podemos añadir al comando:

• git branch -a -->si queremos ver las ramas que tenemos tanto en local como en remoto, utilizamos , saldrá un * al lado de la rama que te encuentres actualmente.
• git branch -v (-vv, --verbose) --> ,muestra con más detalla las ramas.
• git branch -r -->para ver solos las ramas en remoto.
• git branch NOMBRE_RAMA --> te crea una rama.
• git checkout NOMBRE_RAMA --> te mueves a la rama.
• git checkout -b NOMBRE_RAMA --> te crea la rama y te mueve a ella del tirón.
• git branch -m VIEJO_NOMBRE NUEVO_NOMBRE --> renombra la rama.
• git branch -d NOMBRE_RAMA --> elimina la rama, para que se pueda eliminar no podemos encontrarnos en ella.
• git branch -D NOMBRE_RAMA --> forzamos que se elimine la rama, aunque tengan cambios, tambien podemos utilizar git branch -d --force NOMBRE_RAMA.
• git branch --merged --> vemos las ramas que han sido fusionadas con la rama activa
• git merge nombre_rama --> fusionamos los cambios de la rama con la actual, si existen cambios que no tienen commit en la actual, Git no dejará hacer la fusión.
  

NOTA:hay que saber que Git no te dejará moverte a otra rama si tienes cosas pendiente en la actual.

Integrar cambios entre ramas

Se puede hacer de dos formas:

1. Con el comando git merge nombre_rama (después hacemos el push para subir los cambios al repo)
   
2. Desde el stio web github:

Como Publicar mi proyecto en Github

Tenemos un proyecto en local y queremos publicarlo a un repositorio github, los pasos que vamos a seguir son los siguientes:

• Nos colocamos en la carpeta que queremos publicar, y ejecutamos el comando git init
• A continuación ejecutamos el comando git add sobre la carpeta o sobre el archivo que queremos publicar, con esto indicamos a git que queremos preparar y poner en cola para el próximo commit. Git trabaja con 3 estados, confirmado (committed), modificado (modified) y preparado (staged), para ver el estado se utiliza el comando git status.
• Lanzamos el comando git  commit -m "Mi primer commmit" para incluir en el repo local. Puede solicitarle el usuario y la contraseña, en mi caso al tener configurar el Git Bash, ya lo tenía configurado y no hace falta introducir las credenciales. 

• Utilizamos el comando git remote add origin https://github.com/nrobles83/pruebaRepo para conectar nuestro repositorio local con el github,la url tiene que ser exactamente igual al url que creamos en el github.
• Para publicar lo que tenemos en nuestro servidor local al servidor remoto de git , utilizamos el comando git push https://github.com/nrobles83/pruebaRepo

Configurar una cuenta en Github, crear repositorio y clonarlo

Configuración de la cuenta

Visitamos la url https://github.com, pulsamos el botón verde grande “Sign up for GitHub” que aparece en el centro de la pantalla o el enlace Sign up arriba a la derecha.                                                     Proporcionamos un correo y una contraseña y elegimos un usuario que esté disponible.

Crear repositorio

Para subir tu proyecto a GitHub, deberás crear un repositorio donde alojarlo. Para ello en la pagína, arriba a la derecha vemos el símbolo + pulsamos New repository:

 

Y vamos rellenando los campos que nos solicitan, nombre, si es publico o privado, y si queremos inicializarlo con un  README

Inicialización de un repositorio local

El comando git init se puede utilizar para convertir un proyecto existente y sin versión en un repositorio de Git, o para inicializar un nuevo repositorio vacío.

Clonar un repositorio

En git el término clonar , se refiere a tener un copia en tu local de un repositorio, lo que en subversión sería un checkout.

El comando es clone y la sentencia sería:

git clone url (nombre directorio, es opcional)

SASS

SASS es el mejor ayudante para el desarrollador web a la hora de trabajar en CSS gracias a sus múltiples funcionalidades: mixins, variables, funciones, herencia, nesting.

SASS dispone de dos formatos diferentes para la sintaxis, lo que hace se traduce en dos extensiones de fichero diferentes:

•  .sass : se caracteriza en no hacer uso de llaves ni punto y coma final, en busca de la simplicidad y eliminación de ruido.
• .scss : permiten utilizar llaves e incorporar código de CSS clásico.

Algunas funcionalidades básicas de SASS utilizando la sintaxis .scss:

 

 

Procesadores de CSS

CSS te permite diseñar una página web, pero para diseñar un solo elemento se necesita escribir mucho código. Este puede ser difícil de leer y difícil de mantener. Esto se debe a que CSS carece de variables y funciones que poseen otros lenguajes de programación, lo que te obliga a repetir código.

CSS ha evolucionado y se han añadido métodos para escribir código CSS más eficientemente , esto se consigue a través de los preprocesadores de CSS. El objetivo de estos preprocesadores es tener un código más sencillo de mantener y editar.

Un preprocesador te permite escribir CSS en un idioma alternativo (muy parecido al CSS nativo) y ofrece funciones avanzadas como variables, funciones y la posibilidad de incluir archivos.

Una vez que el código CSS esté escrito en este nuevo idioma, se compilará para volver a transformarse en CSS nativo, el único que los navegadores web pueden entender.

 Los procesadores más conocidos son SASS, LESS, Stylus, PostCSS.

 

Comprobar si existe tabla SQL

 DECLARE   
     V_TABLA NUMBER;  
BEGIN
 
    SELECT count(*) INTO V_TABLA FROM user_tables  WHERE TABLE_NAME='NOMBRE_TABLA'; --el nombre en mayúscula en la comprobación
 
  IF V_TABLA=0  then
            EXECUTE IMMEDIATE 'create table nombre_tabla...';
  END IF;
 
END;