Transformers
Run Prettier automatically on all incoming code
Run Prettier formatter on every commit, automatically.
Pick a repository to start formatting your code
Looking for a self-hosted deployment?
Schedule a demo →
Ensure consistent code style across the repository
packages/demo-react/src/components/hero.js
CHANGED
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import { Component } from "react";
|
|
2
|
-
import propTypes from
|
|
2
|
+
import propTypes from "prop-types";
|
|
3
3
|
class Hero extends Component {
|
|
4
4
|
render() {
|
|
5
|
+
<div class={this.props.class_name}>
|
|
5
|
-
|
|
6
|
+
Welcome to {this.props.title} Hero Component
|
|
7
|
+
</div>;
|
|
6
8
|
}
|
|
7
9
|
}
|
|
8
10
|
Hero.propTypes = {
|
|
9
|
-
title: propTypes.string.isRequired
|
|
11
|
+
title: propTypes.string.isRequired,
|
|
10
12
|
export default Hero;
|
The best way to run your favorite code formatter
Run one of them or all of them. DeepSource makes sure your code is always formatted, without any conflicts.
Never think about code formatting again
Never let a formatting issue break the CI build A poorly formatted code means bad news for passing those checks. Our transformers ensure that formatting issues never become a reason for failed checks again.
Save countless hours in manual reviews Manual code reviews means hours of hard work plus a possibility of mistakes. Our transformers take this load off of code reviewers.
Focus on more important tasks Our transformers automatically format your code, even before you realize your code had problems – so you can focus on what matters the most.
Free for personal accounts and small teams
After that, DeepSource grows with your team with per user pricing plans.
Unlimited public repositories
Unlimited lines of code analyzed
Unlimited private repositories for individual accounts
1 private repository for teams/organizations
Continuous analysis with GitHub, GitLab, and Bitbucket
3 team members