React tips and tricks

– React Developer Tools: Herramienta para depurar el código. Es un plugin que se instala en el navegador: Chrome, Firefox.

– Simple React Snippets: Plugin para el VSCode que te facilita mucho el desarrollo.

– Fragmentos: Es muy común que un componente devuelva múltiples elementos. La forma más cómoda de hacerlo es con los tag <> </>

class Columns extends React.Component {
  render() {
    return (
      <>        
        <td>Hello</td>
        <td>World</td>
      </>
          );
  }
}

– React Bootstrap: Framework de bootstrap adaptado a React. https://react-bootstrap.github.io/

npm install react-bootstrap bootstrap@5.1.3

– Axios: Axios es un cliente HTTP ligero basado en el servicio $http que se puede utilizar con react. Documentación 1 – Documentación 2

npm install axios

Cómo exprimir DuckDuckGo

DuckDuckGo (DDG) es un motor de búsqueda establecido en Valley Forge, Pensilvania, Estados Unidos, que utiliza la información de sitios de origen público (como Wikipedia) con el objetivo de aumentar los resultados tradicionales y mejorar la relevancia. La filosofía de DuckDuckGo hace hincapié en la privacidad y en no registrar la información del usuario. De esta forma los datos introducidos no son guardados ni utilizados salvo para el objetivo que el usuario quería: realizar una búsqueda.

Atajos
Se pueden utilizar ciertas teclas para moverse entre los resultados de búsqueda rápidamente:
– d: Busca más resultados en el sitio web resaltado.
– CTRL+ENTER: Abre resultado en una nueva ventana.
– ESC: Sale de la caja de búsqueda y va a los resultados.
– h: Posiciona de nuevo el cursor en la caja de búsqueda.
– r: Si existe, va a los relacionados.
– s: Si existe, va al enlace sugerido (errores de ortografía)
– t: Vuelve a la parte superior de la página.

Bangs
Los comandos Bang consisten en un operador formado por el símbolo ! más una palabra o conjunto de letras. Según el comando usado, realizaremos una acción determinada. De esta forma te permiten buscar en en buscadores externos.
Hay unos 7000 bangs disponibles catalogados por categorías. ver aquí.

DuckDuckGo Wikipedia
Guia de Trucos
Guia de trucos 2

Advanced REST client

El Advanced Rest Client es una extensión de Chrome. Su función es permitir lanzar peticiones a servicios web o APIs RestFul. Se puede hacer cualquier tipo de petición: GET, POST, PUT, DELETE…. Permitiendo pasar parámetros a las peticiones y muestra el resultado devuelto por el servicio que queremos probar.

Lo puedes descargar aguí.

Captura de la pantalla principal: