Detail
- support esmodules & change import style
- global icon configure with context API
- supports webpack optimization (speed up for build)
- typescript native support
- use gitsubmodules (easier update)
- use yarn (easily to test by managing all related package in yarn workspace)
- new icon set
- feathericons
- upgrade icon
- fontawesome5
- configure travis ci & deploy preview site to netlify
- example preview: http://5b1f83e81f12b742d62c8aca.react-icons.netlify.com
new import / configure style
import React from "react";
import { IconContext } from "react-icons";
import { FaFolder } from "react-icons/lib/fa";
import { MdAccessibility } from "react-icons/lib/md";
funciton App () {
return (
<IconContext.Provider value={{ color: "#333" }}>
<div>
<MdAccessibility />
<FaFolder />
</div>
</IconContext.Provider>
);
}build speed/size improvement!
Use one icon from each of fa and md.
SIZE: -84% BUILD TIME: -40%
before:
File sizes after gzip:
244.25 KB build\static\js\main.2f2e05e7.js
299 B build\static\css\main.c17080f1.css
Done in 19.83s.
after:
File sizes after gzip:
38.75 KB build\static\js\main.cc198299.js
299 B build\static\css\main.c17080f1.css
Done in 11.79s.
Migrate from version 2 -> 3
see: https://github.com/react-icons/react-icons#migrate-from-version-2---3