React js | font-awesome

Posted on 30 junio, 202030 junio, 2020 by nadiaprd

Hace poco que he empezado una formación de react, y ya va dando sus frutos. Por aquí os iré dejando ejemplos que he ido aprendiendo.

Quizás algunos no estén bien del todo pero a medida que vaya viendo más formaciones y desarrollo iré mejorando el uso de react.

A continuación os dejó un ejemplo de como incluir font awesome a vuestro proyecto de react.

1º Paso instalar la última versión de font-awesome en la consola

npm install --save font-awesome

2º Paso importar la fuente que acabamos de instalar.

Actualmente está fuente se ha incorporado cómo módulo a nuestro proyecto de react, para poder trabajar con ella añadiremos está línea de código dentro de nuestro fichero app.js debajo del import React, {Component} from ‘react; de nuestro código.

import '../node_modules/font-awesome/css/font-awesome.min.css'; 

3º paso Uso de la fuente:

<i className='fa fa-refresh'></i>

Con estos sencillos pasos ya podrás mostrar la librería font-awesome. Espero que os haya servido de ayuda.