DEV Community

Cover image for React + TypeScript + ESLint + Prettier Full Setup ✈

React + TypeScript + ESLint + Prettier Full Setup ✈

SUCHINTAN DAS on June 14, 2022

Table of Content 📌 Introduction 📌 Why this configuration 🤔? 📌 Configuration 🛠 👉 Configure ESLint on the project 👉 Configure Pret...
Collapse
 
damian_cyrus profile image
Damian Cyrus

That is a good read and a well created boilerplate. A lot of these steps could be automated, too, for easier creation.

What we should not do is use admin rights when we don't install anything or need to do something system wide.

We had once issues, and people were fixing these by running everything as administrator. This broke a lot more than it helped in the end.

Tasks with admin rights should be seen very critical. I guess it is 99.99999% not necessary. The issue is most likely somewhere else.

Collapse
 
suchintan profile image
SUCHINTAN DAS

Thanks Damian, for sharing you view over this. I also agree that most of the process here can be automated and ofcourse it would help people get started with a full fledged project structure.

And thanks for sharing the issue. Quite insightful 🤔 !

Collapse
 
tracker086 profile image
Adrian Fernandez

I like this post as this is very similar to what I do on all my projects.

One extra thing I usually do is also adding on VS Code to format the file on save. This avoids the overhead of having to remember to use the shortcuts.

Collapse
 
suchintan profile image
SUCHINTAN DAS

Thanks for the feedback Adrián, Yes, I also do the same but for the sake of the tutorial I tried to keep it short so didn't shared the config part of that through VSCode . But yes, it could have been a good addition to this 🙂.

Collapse
 
nipodemos profile image
Nipodemos

thank you for this post, it helped me a lot

Collapse
 
suchintan profile image
SUCHINTAN DAS

Welcome and have a nice day ahead.

Collapse
 
clabnet profile image
Claudio Barca

It would nice to have the similar article for Vue 3 and Vite. Thanks.

Collapse
 
suchintan profile image
SUCHINTAN DAS

Sure Claudio, will work on that content soon. If you want a notification🔔 for such amazing blogs you can click on the follow button ☝.

Thanks in advance 🙂.

Collapse
 
andrewbaisden profile image
Andrew Baisden

Nice you can improve readability for those code blocks by adding syntax highlighting for the language in Markdown.

Collapse
 
suchintan profile image
SUCHINTAN DAS

Thanks Andrew, this was a very useful feedback for me. Sure ,I will work on this from my next blogs.🙂.

Collapse
 
victoriacesar profile image
Victória César

This article helped a lot to config eslint + prettier in a recent project, thank you =)

Collapse
 
suchintan profile image
SUCHINTAN DAS

Welcome 😄. Glad to know it helped.

Collapse
 
zonaetmunna profile image
zonaetmunna

thats great👍👍