putout VS jscodeshift

Compare putout vs jscodeshift and see what are their differences.

putout

🐊 Pluggable and configurable JavaScript Linter, code transformer and formatter with built-in ESLint and Babel support for js, jsx typescript, flow, markdown, yaml and json. Write declarative codemods in a simplest possible way 😏 (by coderaiser)

jscodeshift

A JavaScript codemod toolkit. (by facebook)
Our great sponsors
  • SurveyJS - A Non-Cloud Alternative to Google Forms that has it all.
  • Amplication - open-source Node.js backend code generator
  • Appwrite - The open-source backend cloud platform
  • Sonar - Write Clean JavaScript Code. Always.
  • Mergify - Updating dependencies is time-consuming.
  • InfluxDB - Collect and Analyze Billions of Data Points in Real Time
putout jscodeshift
3 28
595 8,615
- 1.3%
9.9 6.2
5 days ago 9 days ago
JavaScript JavaScript
MIT License MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

putout

Posts with mentions or reviews of putout. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-05-03.
  • Modern, faster alternatives to ESLint
    10 projects | dev.to | 3 May 2022
    Due to its plugin-first architecture, the initial API is kept as lean as possible, preventing unnecessary bloat and allowing the developer the choice of extension. Some plugin rules are also smaller than those available in ESLint, e.g., the debugger rule. We can also use Putout with ESLint by allowing Putout to handle code transformations while ESLint handles any formatting broken after the code transformation. We can use the plugin eslint-plugin-putout to help with this integration.
  • jscodeshift VS putout - a user suggested alternative
    2 projects | 16 Apr 2022
    🐊 Pluggable and configurable code transformer with built-in ESLint, Babel plugins support for js, jsx typescript, flow, markdown, yaml and json

jscodeshift

Posts with mentions or reviews of jscodeshift. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-08-01.
  • Building a JSON Parser from scratch with JS 🤯
    7 projects | dev.to | 1 Aug 2023
    A parser can have various applications in everyday life, and you probably use some parser daily. Babel, webpack, eslint, prettier, and jscodeshift. All of them, behind the scenes, run a parser that manipulates an Abstract Syntax Tree (AST) to do what you need - we'll talk about that later, don't worry.
  • [AskJS] Can anyone recommend a test runner with ESM and Custom Loader Support?
    3 projects | /r/javascript | 11 Jun 2023
    OP: If this is an avenue you feel like entertaining, here are some nice codemod tools that could ease the transition for you: CodeQue, Subsecond, and the old standard jscodeshift.
  • [AskJS] Are there any tools to help automatically update imports when splitting typescript libraries in a Monorepo?
    3 projects | /r/javascript | 19 May 2023
    If that isn't enough or you find issues with it, the current de-facto standard for codemods is jscodeshift. You'll write more code, but at least you only have to write it once.
  • Criando um Parser de JSON do zero
    7 projects | dev.to | 24 Feb 2023
  • Show HN: Starter.place – Gumroad for Starter Repos
    3 projects | news.ycombinator.com | 22 Feb 2023
    Those are important but tough problems!

    1. I feel like codemods and a setup shell prompt are the best solution to this, but this looks different for each language (eg, in JS there is https://github.com/facebook/jscodeshift). I could make UI around that for listers to provide parts of the app that should replaced and buyers to provide values for it, but it could be quite a rabbit hole. This is actually why I show the README for the repos, so users can see if the setup steps are comprehensive before buying (for paid ones).

    2. I agree atomic commits can help someone navigate a new codebase. In the same spirit as my response to #1, I don't feel confident I could enforce this, but I could surface the commits on the starter repo page so potential buyers could see if the author laid things out well.

    Thanks for the ideas!

  • Automatic Dependency Upgrade Tool (with auto-resolve breaking changes)
    2 projects | /r/react | 5 Feb 2023
    That's why I've been working on a tool that automatically upgrades major versions of libraries with breaking changes, the idea is to simplify the process and save developers time and effort by having a bank of transformers (using codemod & jscodeshift) and open source them:
  • Effective Refactoring with Codemods
    5 projects | dev.to | 30 Jan 2023
    JSCodeshift: A toolkit for running and writing codemods.
  • Launch HN: FlyCode (YC S22) – Let product teams edit web apps without coding
    2 projects | news.ycombinator.com | 6 Sep 2022
    Hi HN community, we are Jake, Tzachi and Etai, co-founders of FlyCode (https://www.flycode.com/). FlyCode makes it easy for product, UX, and marketing teams to edit web apps without coding, so they don’t have to wait on (or consume) developer time, and can iterate, test, and release faster. See a quick example here: https://www.youtube.com/watch?v=jDL5oa2nEHo

    Non-technical teams frequently need to edit the copy (text), images, and links that appear in a web app. How to manage these has long been a pain on software projects. You can keep them separate from the code, in some form that non-programmers can edit, but this adds a lot of complexity and is usually brittle, as it can bypass the regular development workflows (as CI, staging envs & deploy previews). It’s simpler to keep them in the code—but then only programmers can easily edit them. Everyone else has to wait to get their changes in, plus the devs have to do a lot of edits that aren’t their main work. This slows projects down and is expensive. It also means that product/marketing/UX teams can’t do things that require rapid iteration, such as sophisticated forms of A/B or usability testing. This limits their work and ultimately is bad for both quality and revenue.

    There have been many approaches to solving this dilemma, including custom built admin tools that are limited in functionality and require maintenance, offloading to CMS that require heavy integration, are normally used for simple static apps, and bind your stack to their SDKs. Or wasting a developer’s time to do it for you…

    We took a new approach by automatically analyzing a codebase’s structure, similar to a compiler. This allows us to automatically populate our platform in which product/UX/marketing teams can easily use to edit their text and images. We programmatically turn those edits into code changes. Our GitHub bot then takes these code changes and creates a pull request just like a developer would—but without the latency (and boredom!). Developers retain codebase ownership, while non-developers become individual contributors to the dev process, just like the others.

    We use well-established practices for parsing and editing source code (like https://github.com/facebook/jscodeshift), covering most of the major technologies used for building web apps (React, Angular, Vue, and Ruby on Rails included).

    Once our software has parsed your codebase, it generates an editing portal for your app that teams can easily use to find, manage, and edit product copy, images, and links, and then auto-generate PRs. You can edit product copy regardless of whether it is in resource files or hardcoded (fun fact: some of the largest and fastest-growing tech companies have most of their strings hardcoded!), and you can replace and upload new images and icons to your product.

    The integration with GitHub (https://www.flycode.com/developers) took us a long time to get right. There’s not a lot of documentation around integrating GitHub to platforms, and things like connecting an org or connection requests turned out to be non-trivial. We're particularly proud of the result because unlike with other tools, you don’t have to do any significant integration work.

    Our GitHub app finds texts and images in the source code and sends them to our platform (you have full control of what and where we scan). Once a user requests a change it updates the texts and the images in the codebase and creates a pull request.

    We did a Show HN earlier this year: https://news.ycombinator.com/item?id=31166924, which helped us get some serious leads, which was awesome. Since then we’ve moved out of beta, added new content types (images), launched a new UI and visual editor (EAP), and automated the onboarding of new repos.

    We have a handful of companies paying for this and spent the last year focusing on making it extremely simple to use. It only takes 3 minutes to connect our GitHub app and configure the system for your team to start editing. It doesn’t require any changes to your code, or any special maintenance. You can get started here: https://app.flycode.com

    We are hoping to use this launch to get some more feedback from you all! We are far from our vision to be a platform for everything front-end but are working hard every day to improve the user experience and feature requests from our early collaborators (editing links, themes, variables, JSON configuration, defining in-code A/B tests, etc.).

    We're really happy to show this to you all and thank you for reading about it. For those that sign up, time yourself to check that our “3-minute connect + config” claim isn't just a sales tactic! We look forward to further conversation in the comments.

  • JARVIS – Write me a Codemod
    6 projects | dev.to | 6 Sep 2022
    jscodeshift
  • Programming Breakthroughs We Need
    17 projects | news.ycombinator.com | 17 Aug 2022
    RE: Program is a model

    There are some more advanced refactoring tools now available. These tools enable you to write code to detect bad code patterns and even automatically fix them. You can use them to write one-off transformations of code too. Rust has Dylint [1] and C# has Roslyn Analyzers [2]. Facebook has tooling [3] that helps writing CodeMods, enabling authors to generate changes for thousands of files at a time.

    The thing I really would like to see is a smarter CI system. Caching of build outputs, so you don't have to rebuild the world from scratch every time. Distributed execution of tests and compilation, so you are not bottle-necked by one machine. Something that keeps track of which tests are flaky and which are broken on master, so you don't have to diagnose spurious build failures. Something that only runs the test that transitively depend on the code you change. Automatic bisecting of errors to the offending commit.

    [1] https://github.com/trailofbits/dylint

    [2] https://docs.microsoft.com/visualstudio/code-quality/roslyn-...

    [3] one example: https://github.com/facebook/jscodeshift

What are some alternatives?

When comparing putout and jscodeshift you can also consider the following projects:

codemod - Codemod is a tool/library to assist you with large-scale codebase refactors that can be partially automated but still require human oversight and occasional intervention. Codemod was developed at Facebook and released as open source.

Acorn - A small, fast, JavaScript-based JavaScript parser

react-codemod - React codemod scripts

comby - A code rewrite tool for structural search and replace that supports ~every language.

ts-migrate - A tool to help migrate JavaScript code quickly and conveniently to TypeScript

semgrep - Lightweight static analysis for many languages. Find bug variants with patterns that look like source code.

babel-plugin-angularjs-annotate - Add Angular 1.x dependency injection annotations to ES6 code

babel-plugin-proposal-pattern-matching - the minimal grammar, high performance JavaScript pattern matching implementation

eslint-plugin-unicorn - More than 100 powerful ESLint rules

moment-dayjs-codemod - A Codemod to migrate from moment.js to day.js

eslint-plugin-snakecasejs - :pencil2: ESLint Plugin: enforce snake_case syntax on variables and function names

esprima - ECMAScript parsing infrastructure for multipurpose analysis