Run Prettier automatically on all incoming code

Run Prettier formatter on every commit, automatically.

Pick a repository to start formatting your code

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 'prop-types'
2
+ import propTypes from "prop-types";
3
3
  class Hero extends Component {
4
4
  render() {
5
+ <div class={this.props.class_name}>
5
- <div class={this.props.class_name}>Welcome to {this.props.title} Hero Component</div>;
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 the 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 Team 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
$0/month Get started for free No credit card required