Instalar y Usar BOOTSTRAP en React JS

Hoy 15 de abril de 2021, estoy avanzando en el mundo FRONTED y estoy reforzando mis conocimiento en REACT JS, quiero dejar por un momento CSS para enfocarme 100% en REACT, por lo cual instalaré y usaré algunos cosas básicas de BOOTSTRAP.

Instancio estos paso de instalación y uso porque a veces soy un poco olvidadizo y se me pasan por alto las mecánicas básicas de instalación.

  • Creación de la aplicación en React.js
    npx create-react-app nombre-del-proyecto
  • Instalar Bootstrap
    npm install --save bootstrap
  • Importar Bootstrap
    import 'bootstrap/dist/css/bootstrap.css';
  • Ejemplo de uso:
//Importación de Bootstrap
import 'bootstrap/dist/css/bootstrap.css';

function App() {
  return (
    <>
      <div>
        <button className="btn btn-block" color="inherit">
          HOLA MUNDO
        </button>
      </div>
    </>
  );
}

export default App;

Lo anterior lo hago como una Nota Personal, tal vez me sea útil en un futuro (sea cercano o lejano). Pero lo hago público porque puede que le sea de ayuda a alguien que esté dando sus primero paso en React.js.

Publicado por Sebastian Ramirez

Estudiante de Ingeniería de Sistemas y Computación. Universidad Tecnológica de Pereira

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Salir /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Salir /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Salir /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Salir /  Cambiar )

Conectando a %s

Crea tu sitio web con WordPress.com
Empieza ahora
A %d blogueros les gusta esto: