An Interesting Tool/Technology I Encountered In Preparation For Bootcamp

In preparation for Andela software developers boot-camp, I came across so many fascinating tools which would interest you to know, cause it helps make life as a software developer easy and free of much trouble. Please forgive my negligence, if I failed to make known whom and what Andela is, with this ardent admiration and excitement for the discovery of this fascinating tools and plugins that have made life so easy for us as developers, on my discovery being a part of Andela’s recruited boot-campers as an applicant.
Andela is an African company that identifies and develops Africa’s most talented software developers to help companies scale with high-performing teams. Not much could be said about them here as to the purpose of this blog, but I would recommend every reader and most likely every aspiring software developer in Africa to pick an interest by reading more on them here.

More info from their Homepage

More info from their Homepage

Today one major problem for developers is keeping to convention and clean code practices. As a felon of this, I find it very hard keeping to this good practices and maintaining clean code while working on projects. On my discovery of prettier life as a developer has never been this easy. Allow me to introduce you to prettier.

What is Prettier?

Prettier is an opinionated code formatter with support for JavaScript, including ES2017, JSX, Angular, Vue, Flow, TypeScript, JSON, HTML, CSS and its preprocessors and many more. It actually removes all original styling on your written code and ensures that all outputted code conforms to a consistent code style (i.e. code formatting that won’t affect the AST) across your entire codebase because it disregards the original styling* by parsing it away and re-printing the parsed AST with its own rules that take the maximum line length into account, wrapping code when necessary.

Find more understanding about AST

Why Prettier?

• It’s easy to adopt
• It’s fast, against other code formatters
• It’s been mostly bug free
• It’s inviting and good for newcomers

Being a beginner I want to write code. Not spend cycles on formatting what have written cause you’d be making a lot of mistakes caused by the syntax. Thanks to Prettier, you can reduce these mistakes and save a lot of time to focus on what really matters. As we are often asked to write good clean readable codes during Bootcamp

Works with the trending developer tools

Supports the market best editors

INSTALLATION…

Install with yarn

yarn add prettier --dev --exact
# or globally
yarn global add prettier

Install with npm

npm install --save-dev --save-exact prettier
# or globally
npm install --global prettier

And my favorite 😅 as a Bootcamper being asked to use Eslint as my style guide while coding, it would interest you to know, you can have both eslint and prettier integrated for a better clean, readable and maintainable code.

Find this links helpful for integrating both tools

Integrating with ESLint · Prettier

https://whoisryosuke.com/blog/2018/setting-up-eslint-prettier-on-project/

For more info on usage, check their documentation by visiting https://prettier.io/docs/en/index.html