scss-lint vs TSLint

Overview

scss-lint

Stacks136

Followers90

Votes0

TSLint

Stacks3.4K

Followers234

Votes0

scss-lint vs TSLint: What are the differences?

What is scss-lint? Configurable tool for writing clean and consistent SCSS. It is a tool to help keep your SCSS files clean and readable by running it against a collection of configurable linter rules. You can run it manually from the command line, or integrate it into your SCM hooks.

What is TSLint? An extensible linter for the TypeScript language. An extensible static analysis tool that checks TypeScript code for readability, maintainability, and functionality errors. It is widely supported across modern editors & build systems and can be customized with your own lint rules, configurations, and formatters.

scss-lint and TSLint can be primarily classified as "Code Review" tools.

scss-lint is an open source tool with 3.36K GitHub stars and 508 GitHub forks. Here's a link to scss-lint's open source repository on GitHub.

AgFlow, Sofit Software, and StreamJar are some of the popular companies that use TSLint, whereas scss-lint is used by Brigade, ikusei, and Doable. TSLint has a broader approval, being mentioned in 37 company stacks & 59 developers stacks; compared to scss-lint, which is listed in 6 company stacks and 5 developer stacks.

🔥 Trending in Code Review on StackShare

fossabot Code Review

fossabot

Try it View Docs Alternatives

Try

0

1

Advice on scss-lint, TSLint

Budi

Programmer

Aug 19, 2020

Review

I think you scan skip MongoDB for now and focussing on creating web component with Reactjs or Vue, I would also recommend to use TypeScript for type hinting support.

For styling, learn CSS first then upgrade to SASS/SCSS or LESS (pick one as mostly same concept) to make CSS more maintainable.

Also to improve your skill on both sectors, install linters if available. For TypeScipt, there are TSLint and for styling, i think there are Stylint. Linter will help you adapt to make a clean code and understand how other peoples usually styled their code.

41.6k views41.6k

Comments

Detailed Comparison

scss-lint	TSLint
It is a tool to help keep your SCSS files clean and readable by running it against a collection of configurable linter rules. You can run it manually from the command line, or integrate it into your SCM hooks.	An extensible static analysis tool that checks TypeScript code for readability, maintainability, and functionality errors. It is widely supported across modern editors & build systems and can be customized with your own lint rules, configurations, and formatters.
-	Extensive set of core rules; Custom lint rules; Custom formatters (failure reporters); Configuration presets; Composition; Automatic fixing of formatting & style violations
Statistics
Stacks 136	Stacks 3.4K
Followers 90	Followers 234
Votes 0	Votes 0
Integrations
Atom Visual Studio Code	Vim Visual Studio Code TypeScript Atom WebStorm Emacs gulp Sublime Text Visual Studio Grunt

What are some alternatives to scss-lint, TSLint?

Code Climate

After each Git push, Code Climate analyzes your code for complexity, duplication, and common smells to determine changes in quality and surface technical debt hotspots.

Codacy

Codacy automates code reviews and monitors code quality on every commit and pull request on more than 40 programming languages reporting back the impact of every commit or PR, issues concerning code style, best practices and security.

Phabricator

Phabricator is a collection of open source web applications that help software companies build better software.

PullReview

PullReview helps Ruby and Rails developers to develop new features cleanly, on-time, and with confidence by automatically reviewing their code.

Gerrit Code Review

Gerrit is a self-hosted pre-commit code review tool. It serves as a Git hosting server with option to comment incoming changes. It is highly configurable and extensible with default guarding policies, webhooks, project access control and more.

SonarQube

SonarQube provides an overview of the overall health of your source code and even more importantly, it highlights issues found on new code. With a Quality Gate set on your project, you will simply fix the Leak and start mechanically improving.

RuboCop

RuboCop is a Ruby static code analyzer. Out of the box it will enforce many of the guidelines outlined in the community Ruby Style Guide.

CodeFactor.io

CodeFactor.io automatically and continuously tracks code quality with every GitHub or BitBucket commit and pull request, helping software developers save time in code reviews and efficiently tackle technical debt.

ESLint

A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.

Amazon CodeGuru

It is a machine learning service for automated code reviews and application performance recommendations. It helps you find the most expensive lines of code that hurt application performance and keep you up all night troubleshooting, then gives you specific recommendations to fix or improve your code.