Skip to content

Commit

Permalink
redirect setup
Browse files Browse the repository at this point in the history
  • Loading branch information
Daniel Del Core committed Jul 15, 2024
1 parent 8784b15 commit 23dba1a
Show file tree
Hide file tree
Showing 5 changed files with 56 additions and 0 deletions.
11 changes: 11 additions & 0 deletions website/docs/guides/understanding-asts.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,17 @@ description: Learn about abstract syntax trees (ASTs) and how they are used in c
keywords: [abstract syntax trees, ASTs, codemods, refactor, codebase]
---

<Head>
<title>Understanding ASTs</title>
<link rel="canonical" href="https://www.hypermod.io/docs/guides/understanding-asts" />
</Head>

:::info

This guide has been moved to a new location. Please visit the new [Understanding ASTs guide](https://www.hypermod.io/docs/guides/understanding-asts).

:::

Before writing your first codemod, it’s important to first have a good conceptual understanding of ASTs (abstract syntax trees) and how to work with them.

## Abstract Syntax Tree (aka AST)
Expand Down
11 changes: 11 additions & 0 deletions website/docs/guides/your-first-codemod.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,17 @@ title: Your first codemod
slug: /your-first-codemod
---

<Head>
<title>Your first codemod</title>
<link rel="canonical" href="https://www.hypermod.io/docs/guides/your-first-codemod" />
</Head>

:::info

This guide has been moved to a new location. Please visit the new [Your first codemod guide](https://www.hypermod.io/docs/guides/your-first-codemod).

:::

Every codemod follows the same series of operations: find, modify/insert, remove and finally output.
That's it. Once you know how to handle all of these operations you can do anything within a codemod.

Expand Down
11 changes: 11 additions & 0 deletions website/docs/recipes/import-manipulation.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,17 @@ description: Learn how to use codemods to make effective and efficient changes t
keywords: [typescript, codemod, codemorph, jscodeshift]
---

<Head>
<title>Import manipulation</title>
<link rel="canonical" href="https://hypermod.io/docs/guides/import-manipulation" />
</Head>

:::info

This guide has been moved to a new location. Please visit the new [Import manipulation](https://hypermod.io/docs/guides/import-manipulation) guide.

:::

Modifying imports is one of the first and most common operations you are likely to do when writing codemods.

In this guide, we will explore how codemods can be used to make effective and efficient changes to javascript import statements.
Expand Down
12 changes: 12 additions & 0 deletions website/docs/recipes/react.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,18 @@ description: Learn how to use codemods to modify your React and JSX code. This g
keywords: [react, typescript, codemod, codemorph, jscodeshift]
---

<Head>
<title>React & JSX</title>
<link rel="canonical" href="https://hypermod.io/docs/guides/react-jsx" />
</Head>


:::info

This guide has been moved to a new location. Please visit the new [React & JSX guide](https://hypermod.io/docs/guides/react-jsx).

:::

Codemods are an ideal solution for making significant changes to [React](https://reactjs.org/) and JSX code.
The structure of JSX makes it easy for static analysis tools to understand and analyze,
making it a popular choice for authors of React libraries, such as Design Systems.
Expand Down
11 changes: 11 additions & 0 deletions website/docs/recipes/typescript.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,17 @@ description: Learn how to write codemods to modify common TypeScript. This guide
keywords: [typescript, codemod, codemorph, jscodeshift]
---

<Head>
<title>TypeScript</title>
<link rel="canonical" href="https://hypermod.io/docs/guides/typescript" />
</Head>

:::info

This guide has been moved to a new location. Please visit the new [Typescript guide](https://hypermod.io/docs/guides/typescript).

:::

If you're looking to modify TypeScript code in bulk, jscodeshift can be incredibly helpful.
In this guide, we'll explore how you can use jscodeshift to modify common TypeScript syntaxes.
Whether you're looking to update the types of variables or interfaces, this guide will provide you with the knowledge and tools you need to get started.
Expand Down

0 comments on commit 23dba1a

Please sign in to comment.