DEV Community: Chad Smith

Help Setting Up VSCode Formatting

Chad Smith — Tue, 20 Apr 2021 16:09:22 +0000

So I feel like I should not be having to ask for help on this, but I feel like I have grown very annoyed with formatters fighting over each other that it has actually gotten old to write TypeScript/JavaScript code in VSCode with Vue (or really any other frontend framework).

Issue

So here is my issue: Currently I have my .vue files formatting correctly and it is giving me good eslint warnings and errors. Though now the issue is in my .ts or .js files. These files never want to format properly now and I can't get it to format on save. Then if I do end up getting it to format on save, it seems it will fight against the .vue files.

Example: Currently my .vue files format properly and use my preferred 2 spaces for tabbing. While my .ts or .js files will just go straight to using the 4 spaces for tabs, and won't even correct itself no matter what I do.

What I'm looking for

What I'm looking for a great environment and project setup that will do the following:

Listen to the projects eslint settings
Listen to the projects prettier settings for formatting
Be able to auto format on save all my files and not have them conflict with each other
Best way to update and modify settings

Current Environment/Project Setup

Currently the environment/project setup is the following:

VSCode
Vetur Extension
ESLint Extension
VueJS
eslint and prettier on project

For Vetur I have all my formatters turned on. I also have the format on save turned on. For the Vue project I am using the following packages/rules for eslint

extends: ["prettier", "prettier/standard", "plugin:@typescript-eslint/recommended", "plugin:vue/recommended"],
  plugins: ["vue", "prettier"],
  parser: "vue-eslint-parser",

And for prettier, I have the following setup:

{
  "singleQuote": true,
  "trailingComma": "none",
  "endOfLine": "auto",
  "htmlWhitespaceSensitivity": "ignore",
  "tabWidth": 2
}

I will take any suggestions on best practices to take. I understand a lot of this will be opinionated as everyone has different takes on how formatting should be done, but I am looking for the best practices to make sure your environment and project is setup properly so you are not fighting these issues for every new project that you start or work with, with other people.

Any help/suggestions is greatly appreciated. Thanks!

How Has Your Company Adjusted to COVID-19?

Chad Smith — Fri, 12 Jun 2020 22:36:03 +0000

All around the world COVID-19 has really had to make companies adjust to how the day to day work happened. In a tech industry most of us had the ability to work remotely effectively. A lot of companies did not have remote work before and really valued the in person interaction that came with being in an office.

How has your company adjusted to this? With some places reopening has your company come up with a plan for that reopening? Are they now pivoting with what work looks like in the future? I'd love to hear what different places are doing.

Help With This Software Architecture

Chad Smith — Tue, 17 Sep 2019 02:24:52 +0000

I had a question and wanted to get some software architecture ideas to see how others would go about designing this system out.

The basic idea/flow of the system is as followed:

User uploads a file to a server, which will store it on some cloud storage, like AWS S3.
Once file has been transferred to S3 it needs to get processed by a specific on premise server. If that server is currently busy processing another file it needs to wait in a queue.
The on premise server doing the processing needs to read the files from the queue and process them.
Once a file is finished processing the results need to be uploaded back to the storage, and we need to notify the user that everything is done.
Throughout all of this some status updates to the user would be nice to see. For example: "Waiting to be processed..." "File is being processed..." "Results Ready."

I guess some general notes: The on premise machine doing the processing would be a Linux box.

I'm just looking for some general ideas on what some others would be looking at. Any ideas are great. Thanks!