Hey fellow devs! 🖐️
If you've ever found yourself needing to convert between different naming conventions, I've got good news. I recently worked on a project called convertcase.dev that makes this process a breeze. No more manual renaming or using multiple online tools!
Why convertcase.dev?
While working on different projects, I often encountered scenarios where I needed to switch between camelCase, PascalCase, kebab-case, snake_case, and SNAKE_CASE_UPPER. It's a task that sounds simple, but can get tedious and repetitive pretty fast. So, I thought: "Why not make a tool to do this quickly?"
Features
🐫 camelCase Conversion: Perfect for your JavaScript variables.
👾 PascalCase Conversion: Got a class or a constructor? Convert to PascalCase in a second!
🍢 kebab-case Conversion: Ideal for CSS classes or URLs.
🐍 snake_case Conversion: Pythonistas, this one's for you!
⬆️ SNAKE_CASE_UPPER Conversion: Making constants or environment variables? Get them in uppercase!
How to Use
Head over to convertcase.dev
Input your text in the provided field.
Select the desired case from the dropdown.
Voila! Your text is converted. Just copy and use it in your project.
A Real-world Example
Imagine you're creating a new component in your favorite front-end framework. You've decided to name the file as my-button. Following the best practices:
The component's name should be MyButton.
If you're defining a CSS class, you'd probably go with my-button or myButton if you use CSS modules.
Doing these conversions manually can be repetitive, especially if you're dealing with multiple names or if you're refactoring. With convertcase.dev, just type in one format, and get all the others instantly!
I hope convertcase.dev proves to be a useful tool for your development workflow. I'd love to hear your feedback and suggestions. If you encounter any issues or want to see additional features, feel free to drop a comment or reach out to me directly!
Happy coding! 💻🚀
Top comments (1)
I love it!