1.2.7 β’ Published 6 months ago
react-native-style-cleaner v1.2.7
React Native Style Cleaner π§Ή
A tool to detect and clean unused styles in your React Native projects.
Features β¨
- Detects unused StyleSheet styles in your React Native project
- Scans all JavaScript/TypeScript files (
.js
,.jsx
,.ts
,.tsx
) - Automatically removes unused styles
- Supports array-style declarations
- Beautiful CLI output with detailed information
- TypeScript support
- Style usage statistics and analysis
- Duplicate style detection
- Style complexity analysis
- Performance impact analysis
- Interactive cleaning mode
Available Commands π
Command | Description | Example | Output |
---|---|---|---|
clean | Removes unused styles from your project | npx react-native-style-cleaner clean ./src | List of removed styles |
analyze | Shows unused styles without removing them | npx react-native-style-cleaner analyze | List of unused styles |
stats | Displays style usage statistics | npx react-native-style-cleaner stats | Usage counts, most/least used styles |
duplicates | Finds duplicate style definitions | npx react-native-style-cleaner duplicates | List of duplicate styles with locations |
complexity | Analyzes style complexity | npx react-native-style-cleaner complexity | Complex styles that might need refactoring |
performance | Checks performance impact of styles | npx react-native-style-cleaner performance | Heavy styles with optimization suggestions |
interactive | Clean styles with confirmation | npx react-native-style-cleaner interactive | Interactive prompts for each style |
help | Shows all available commands | npx react-native-style-cleaner help | List of all commands and usage |
Command Options
Option | Description | Example |
---|---|---|
--dir | Specify custom directory | npx react-native-style-cleaner clean --dir=./app |
--ignore | Ignore specific paths | npx react-native-style-cleaner clean --ignore=tests |
--verbose | Show detailed output | npx react-native-style-cleaner analyze --verbose |
--json | Output results as JSON | npx react-native-style-cleaner stats --json |
Installation π¦
- Added TypeScript support
- Improved CLI output
Common Use Cases π‘
Project Cleanup
- Remove styles from refactored components
- Clean up after large UI updates
Performance Optimization
- Reduce StyleSheet object size
- Remove unnecessary style calculations
Code Maintenance
- Keep style definitions clean and relevant
- Improve code readability
Ignored Directories π«
By default, the following directories are ignored:
- node_modules
- build
- dist
Best Practices π
Run Before Commits
- Clean unused styles before committing changes
- Keep your style definitions lean
Regular Maintenance
- Run periodically on large projects
- Include in your cleanup scripts
Backup First
- Always commit your changes before running the cleaner
- Use version control to track style changes
Contributing π€
Contributions, issues and feature requests are welcome!
License π
This project is ISC licensed.
Author βοΈ
Muhammed Deniz
- Github: @muhammeddeniz
- LinkedIn: @muhammeddeniz
Show your support
Give a βοΈ if this project helped you!
Changelog π
Version 1.2.1
- Added new analysis features:
stats
: Style usage statisticsduplicates
: Find duplicate stylescomplexity
: Style complexity analysisperformance
: Performance impact analysisinteractive
: Interactive cleaning mode
- Enhanced CLI with new commands
- Improved error handling and reporting
- Added detailed statistics output
- Added colorful CLI interface
1.2.7
6 months ago
1.2.6
6 months ago
1.2.5
6 months ago
1.2.4
6 months ago
1.2.3
6 months ago
1.2.2
6 months ago
1.2.1
6 months ago
1.2.0
6 months ago
1.1.9
6 months ago
1.1.8
6 months ago
1.1.7
6 months ago
1.1.6
6 months ago
1.1.5
6 months ago
1.1.4
6 months ago
1.1.3
6 months ago
1.1.2
6 months ago
1.1.1
6 months ago
1.1.0
6 months ago
1.0.9
6 months ago
1.0.8
6 months ago
1.0.7
6 months ago
1.0.6
6 months ago
1.0.5
6 months ago
1.0.4
6 months ago
1.0.3
6 months ago
1.0.2
6 months ago
1.0.1
6 months ago
1.0.0
6 months ago