> For the complete documentation index, see [llms.txt](https://giorgosart.gitbook.io/react-easy-edit/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://giorgosart.gitbook.io/react-easy-edit/migration-guide-to-v2.0.0.md).

# Migration Guide to v2.0.0

### Installation

To install the latest version, run:

```bash
npm install react-easy-edit@latest
```

Or, if you're using yarn:

```bash
yarn add react-easy-edit@latest
```

### Migration Steps

**Update Prop Names:**

* Replace `attributes` with `inputAttributes`.
* Replace `allowEdit` with `editable`.
* Replace `editMode` with `isEditing`.

### Breaking Changes

#### 1. Prop Renaming

**a. `attributes` ➔ `inputAttributes`**

**Old Usage:**

<pre class="language-jsx"><code class="lang-jsx"><strong>&#x3C;EasyEdit
</strong>  attributes={{ placeholder: 'Enter text' }}
  value={value}
  onSave={handleSave}
/>
</code></pre>

**New Usage:**

```jsx
<EasyEdit
  inputAttributes={{ placeholder: 'Enter text' }}
  value={value}
  onSave={handleSave}
/>
```

**b. `allowEdit` ➔ `editable`**

**Old Usage:**

```jsx
<EasyEdit
  allowEdit={true}
  value={value}
  onSave={handleSave}
/>
```

**New Usage:**

```jsx
<EasyEdit
  editable={true}
  value={value}
  onSave={handleSave}
/>
```

**c. `editMode` ➔ `isEditing`**

**Old Usage:**

```jsx
<EasyEdit
  editMode={true}
  value={value}
  onSave={handleSave}
/>
```

**New Usage:**

```jsx
<EasyEdit
  isEditing={true}
  value={value}
  onSave={handleSave}
/>
```

### Enhancements

* **Functional Components:** The library has been completely rewritten using functional components, providing better performance and compatibility with React hooks.
* **Improved Testing:** Unit tests have been updated to reflect the latest changes, achieving **100% test coverage** for increased reliability.

1.