Posts

React es una biblioteca de JavaScript que se basa en la fabricación y combinación de componentes para construir interfaces de usuario. Cada componente se define por separado en un archivo javascript, y tiene un aspecto similar a este que sigue, el cual se encontraría en el archivo listaCompra.js:

import React, { Component } from 'react';
import Articulo from './Articulo';

class ListaCompra extends Component {
  render() {
    return (
      <ul>
        <Articulo cantidad="1">Pan</Articulo>
        <Articulo cantidad="6">Leche</Articulo>
        <Articulo cantidad="2">Huevos</Articulo>
      </ul>
    );
  }
}

Las propiedades, que veremos en el código escritas como props, se usan para configurar componentes, y son pasadas desde los componentes padres a los componentes hijos. Es importante recordar que el componente hijo no puede modificarlas, el propietario es el componente padre.

Otro recurso importante que vas a necesitar en Vim es un buscador de textos. Ante el hecho de que el proyecto que permitía el uso de El surfero de plata en vim, ag.vim, ha quedado obsoleto, te podrías decantar por ack.vim. Con ack.vim puedes hacer uso de ack, que no es ni más ni menos que un grep optimizado para programadores.

Instalar ack es bastante sencillo en distribuciones Linux deribadas de Debian.

fzf se define a sí mismo como un buscador difuso de línea de comandos para propósitos generales. Más detalladamente, se trata de un filtro para líneas de comandos Unix, que puedes aplicar a listas, archivos, procesos, históricos de comandos, etcétera.

Lo puedes instalar en tu carpeta home clonando su repositorio en GitHub de la siguiente manera:

$ git clone --depth 1 https://github.com/junegunn/fzf.git ~/.fzf

Luego sólo tienes que ejecutar el script de instalación:

vim-plug es un gestor de paquetes para Vim con características muy interesantes. Lo tienes disponible aquí, donde puedes encontrar toda la información necesaria para usarlo. Su instalación en sistemas Unix se puede realizar con un sencilo comando:

$ curl -fLo ~/.local/share/nvim/site/autoload/plug.vim --create-dirs \\
    https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim

Una vez instalado sólo tienes que ajustarlo en el archivo de configuración de Vim. Aqui abajo tienes un ejemplo con alguna información:

" Inicia la configuración usando el comando call plug#begin(),
" con el cual puedes especificar el directorio donde se colocarán
" los conectables que queremos usar en nuestro editor.
" En el caso concreto de Vim puedes usarlo así.
call plug#begin('~/.vim/plugged')

" A continuación se solicitarán los conectables necesarios. Hay muchos
" modos de hacerlo, por ejemplo, usando una dirección URL de Github.
Plug 'https://github.com/junegunn/vim-github-dashboard.git'

" Finalmente cierra el archivo de configuración con el
" comando call plug#end().
call plug#end()

Para probarlo abre Vim y ejecuta el comando PlugInstall. Verás un panel lateral donde se iniciará la instalación de los conectables indicados en el archivo de configuración de Vim.