A React-based package that provides components to replace traditional `if-else` and `switch-case` statements also array method `filter` and `map`, making conditional rendering easier and cleaner in your React applications.
npm install condition-componentcondition-component
A React-based package that provides components to replace traditional if-else and switch-case statements, making conditional rendering easier and cleaner in your React applications.
You can install the package via npm or yarn:
``bash`
npm install condition-component
`bash`
yarn add condition-component
- Replace if-else: Use React components to handle conditions in JSX instead of writing logic blocks in JavaScript.
- Replace switch-case: Simplify complex conditional rendering by avoiding switch-case statements.array methods
- Replace : Make map, filter (and more in the future) more readable avoiding javascript code inside render statements.
- Readable and Reusable: Enhance code readability and reusability through a component-driven approach.
- Modular and Clean: Keep your conditional logic modular and easy to maintain.
Here's how you can use this package in your React project:
Instead of writing conditional logic like this:
`javascript`
if (condition) {
return
} else {
return
}
You can use the package like this:
`jsx
import { Condition, If, Else } from "condition-component";
`
Instead of writing conditional logic like this:
`javascript`
if (condition) {
return
} else if (condition2) {
return
} else {
return
}
You can use the package like this:
`jsx
import { Condition, If, ElseIf, Else } from "condition-component";
`
`jsx
import { Switch, Case, Default } from "condition-component";
`
`jsx
import { Chain, Map, Filter } from "condition-component";
`
And also, you can use Map alone:
`jsx
import { Map } from "condition-component";
;
`
We welcome contributions! Please submit a pull request or open an issue if you find a bug or have a suggestion for improvement.
Contact me:
- https://portfolio-vietanhle.vercel.app/
- anhkun123456@gmail.com
This project is licensed under the MIT License - see the LICENSE file for details.
---
This template should cover all essential aspects of a README.md file, including installation instructions, usage examples, API documentation, and contribution guidelines. Make sure to replace condition-component` and other placeholders with the actual details of your package!