The One Thing You Should Have Setup in Your JavaScript Project

May 11, 2021•205 words

Discipline equals freedom - Jock Willink

When working on any project, it's essential to streamline the process. You should not be spending even a single ounce of your brainpower on formatting. Formatting should be standardized and automatically enforced and applied. That's where Prettier comes in.

What is Prettier?

Prettier is a popular opinionated code formatter that has minimal customization. When you embrace the style that Prettier gives you, you're able to free your mind from reading bad or inconsistently styled code. There's no need to discuss style and no learning curve on what the correct style should be.

When I first used Prettier, I didn't like how it would chop all my moderate length lines into separate lines. I thought to myself, "I have a big enough screen. Why shouldn't I utilize it?" Then I started seeing Open Source projects on GitHub and noticed how much better it was reading the code from projects that used Prettier. The entire line fits into my browser, and everything was mostly formatted the same.

Visual Studio Code

Using the Prettier extension in Visual Studio Code really just brings the whole experience to its peak. When configured correctly, you can have code automatically formatted on save.

👍❤️🫶👏👌🤯🤔😂😍😭😢😡😮

More from Vibe Check
All posts

100 Day Writing Challenge

May 10, 2021•249 words

I started my journey on Listed.to doing the #100DayWritingChallenge. Although that did not pan out the way I had hoped, I've learned a lot about writing and myself during the process. What I learned The actual practice of writing was just as challenging as figuring out what to write about. I was so out of practice that even when writing about simple things, it would be difficult to string together ideas and sentences. To help with basic editing and grammar, I learned about Grammarly. Now, I ...

Read post

Redux Fundamentals

May 12, 2021•189 words

When I first started using React, I thought it was great how separation of components was by design. Unfortunately, this also meant that sharing state is a huge pain in the butt. Fortunately, the good people at Facebook created a design pattern called Flux that is the functional programming equivalent of having a global store. Redux takes Flux to another level. Instead of having multiple stores, applications using Redux are limited to just one. The Redux store has three main properties. State ...