Chapter 16: Migration Guide: react-feather → lucide-react

Core Idea

react-feather is similar to lucide-react, the package is inspired by react-feather. The API is nearly identical, so migration is straightforward.

Key Concepts

• import { Home, User } from 'react-feather'
• Find: from 'react-feather'
• Replace: from 'lucide-react'
• import { GitHub, Grid, Table, Tool } from 'react-feather'
• <GitHub />
• <Grid />
• <Table />
• <Tool />

Code Examples

npm install lucide-react
npm uninstall react-feather

• What it demonstrates: Migration Guide: react-feather → lucide-react usage pattern from the official Lucide docs.

Key Takeaways

1. import { Home, User } from 'react-feather'
2. Find: from 'react-feather'
3. Replace: from 'lucide-react'
4. import { GitHub, Grid, Table, Tool } from 'react-feather'
5. <GitHub />

Connects To

• React: part of the React section of the Lucide docs.
• Lucide for React: overview page for this section.