Releases: react-icons/react-icons
Releases · react-icons/react-icons
v3.2.1
v3.2.0
- pr #195
Output component name
- fix #173
- Component names are now displayed in development tools such as jest.
- <Component />
+ <MdAccessibility />
- <Component />
+ <TiArrowDown />
Fix color property
- fix #190
- Some icons with color properties did not work.
- MdAllOut, MdFiberManualRecord, MdFiberSmartRecord, MdWebAsset, MdNextWeek, MdWeekend, MdStrikethrough
Update icons
fontawesome 5.0.13->5.4.0
ionicons 4.2.4->4.4.4
octicons 7.4.0->8.1.0
Update some library
- react
- typescript
- eslint
- netlify-cli
- etc...
v3.1.0
v3.0.5
Merge pull request #168 from react-icons/feat/context-attr add attr option in context api
v3.0.2
add babelrc
v3.0.0
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