Using Static Analysis Tooling with Open Source!

This page summarizes the projects mentioned and recommended in the original post on dev.to

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • prettier

    Prettier is an opinionated code formatter.

  • Prettier is a code formatter that supports a ton of languages including javascript! We are using this as it helps make our code readable and it allows us to enjoy one style of coding!

  • octo

    A tool that allows you to generate static sites based off of text data. (by LuigiZaccagnini)

  • Welcome to another blog post about the journey of Octo, the open source tool for static site generation! Today I will be going over how I added static analysis tooling into the project and how you can do the same for your open source projects!

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • ESLint

    Find and fix problems in your JavaScript code.

  • Eslint is a great tool for checking errors in your code! I would strongly recommend you use eslint in your developer environment and all projects you work on. I have been using eslint as my linter for a few year now with all my code and it has helped me keep my code in good shape. To add eslint to your project run npm install eslint --save-dev. Now that eslint is in your dev dependencies, you can run npx eslint --init. This will prompt you to create a config file that works for your project. If you now run npx eslint . eslint will check all the files in your project for errors!

  • husky

    Git hooks made easy 🐶 woof!

  • Wow that is a lot of information about two tools! Now how cool would it be if your project would automatically run these tools whenever you made a push or commit? Well here comes Git hooks to the rescue with the power of Husky! To install husky run npm install husky -D. That doesn't fully install husky, to fully install it we have to run another command. Since we just learned about writing scripts in our package, we should write a new one for preparing our project.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Git Project Configuration With Husky and ESLint

    6 projects | dev.to | 8 Apr 2024
  • Prettier and lint your project with husky and git hooks

    4 projects | dev.to | 25 Aug 2023
  • How to automate format your code on commit

    2 projects | dev.to | 16 Oct 2022
  • Gear up your React codebase with Prettier and ESLint Automation

    3 projects | dev.to | 6 Sep 2021
  • How to use Lefthooks in your node project?

    4 projects | dev.to | 11 Apr 2024