This article discusses some of the tools that you should consider using when working on a React project to make your life as a developer easier.

1. TypeScript

Source:  https://www.typescriptlang.org/

Basically, TypeScript is JavaScript with static typing. In other words, TypeScript is JavaScript with documentation that you and the compiler can understand.

Why is this important?

• You will have compile-time error checks. No more finding out bugs only once your app is in production.
• You can avoid hidden errors like the classic 'undefined' is not a function.
• It is easier to refactor code without breaking it significantly.
• Orienting oneself in complex, large-scale systems is not a nightmare anymore.

2. ESLint

According to Perforce, “A linter analyzes your code for stylistic and programming errors against the rules it knows.”

Why is this important?

• You will follow standards when writing code, making it more readable and understandable for you and for others.
• You will save a lot of time in code reviews by automating and enforcing these rules.
• Some linters like ESLint can automatically fix those errors so you don’t have to.

#nodejs #javascript #typescript #react