Use case
Framework
Owner
React 17 Default Props To Params
Example
This codemod turns X into Y. It also does Z. Note: this is a contrived example. Please modify it.
React Router/5.1/Redirect To Navigate
This codemod updates deprecated
Redirect
components fromreact-router-dom
to the modernNavigate
API. It also updates the imports by replacingRedirect
withNavigate
.React Router/5.1/Component Render To Children
This codemod transforms
Route
components usingrender
andcomponent
props into JSX with nested children.ChakraUI/V3/Remove Theme Tools
Theme tools has been removed, so this codemod transforms it, to use CSS color mix.
ChakraUI/V3/Update Chakra Provider
- Updates the ChakraProvider import from @chakra-ui/react
- Renames the theme prop to value to match the new system-based theming approach
ChakraUI/V3/Refactor Custom Theme
- Replaces extendTheme with createSystem and defaultConfig.
- Updates your theme object to fit the new structure required by Chakra UI.
Webpack To Rspack/Remove Raw Loader To Type Asset Source
Rspack implements Webpack 5's Asset Modules, using asset modules to replace raw-loader to 'asset/source' for better performance.
Webpack To Rspack/Remove Url Loader To Type Asset Inline
Rspack implements Webpack 5's Asset Modules, using asset modules to replace url-loader to 'asset/inline' for better performance.
Webpack To Rspack/Remove File Loader To Type Asset Resource
Rspack implements Webpack 5's Asset Modules, using asset modules to replace file-loader to 'asset/resource' for better performance.
Webpack To Rspack/Migrate Update Babel Loader To Swc Loader
Using builtin:swc-loader offers better performance compared to the babel-loader and the external swc-loader, as it avoids frequent communication between JavaScript and Rust.
React Router/7/Migration Recipe
This codemods designed to facilitate the migration of your project from React Router to version 7. Each codemod targets specific changes and improvements introduced in React Router v7, ensuring a smoother transition.
React Router/7/Errorfirst Mutation Reorder
This transformation restructures action functions to perform error checking before data mutations. This change aligns with the new behavior in v7 where loaders no longer revalidate by default after an action throws or returns a Response with a 4xx/5xx status code.
Styledictionary/4/Hook Api Parsers
This codemod updates registered parsers to be placed inside the
hooks.parsers
property, instead ofparser
, with a shift from the singular to the plural form. Registered parsers now apply globally without needing explicit application in the config. Additionally, theparse
function has been renamed toparser
for consistency.Meteor/V3/Update React
This codemod helps in transforming react to meteor
Fastify/5/Remove Done Callback
This codemod updates
fastify.register
to usereturn
instead ofdone
, reflecting changes in Fastify v5 for asynchronous plugin registration.Fastify/5/MigrationRecipe
This recipe provides a set of codemods designed to assist with migrating to Fastify 5. Each codemod addresses specific changes and enhancements introduced in Fastify 5.
Fastify/5/Rename Logger To Logger Instance
This codemod updates the Fastify logger configuration by renaming the
logger
option tologgerInstance
, in line with Fastify v5 changes.Fastify/5/Make Reply Trailer Async
This codemod updates the
reply.trailer
method to use anasync
function for handling trailers, aligning with Fastify v5's support for asynchronous operations in trailers.Fastify/5/Redirect Arg Order
This codemod updates
reply.redirect
by placing the status code as the second argument, as per Fastify v5 conventions.Fastify/5/GetResponseTime To ElapsedTime
This codemod converts
reply.getResponseTime()
toreply.elapsedTime
, reflecting changes in Fastify v5 for retrieving response time.