When it comes to building a swift app development project, choosing the right Software Development Kit (SDK) can be overwhelming. With so many options available, understanding the differences between first and second generations of Builder SDKs is crucial for making an informed decision.

The Builder SDKs are divided into two generations: Gen 1 and Gen 2. Each generation has its own set of features and functionalities that cater to different development needs. To help you select the most suitable SDK for your project, we've created a comprehensive comparison table below.

SDK Comparison Table

| Framework | Gen 1 | Gen 2 |

|---|---|---|

Qwik | n/a | Recommended |

React* | Recommended | |

Remix | Recommended | |

Hydrogen | Recommended | |

Vue** | Recommended | |

Swift (beta) | n/a | n/a |

Svelte | n/a | Recommended |

Solid | n/a | Recommended |

React Native | n/a | Recommended |

Angular † | Up to Angular 18 | Recommended (Angular 17+) |

Whether you're building a React app or exploring other options like Vue, Svelte, or Solid, this table provides a clear overview of which SDK generation is recommended for each framework.

SDK Features

The table below outlines the features available for Builder's SDKs. From TypeScript types to custom styles, get an in-depth look at what each SDK has to offer.

| Feature | React (Gen1) | React (Gen2) | Vue | React Native | Svelte | Qwik | Angular |

|---|---|---|---|---|---|---|---|

TypeScript Types | ✅ | ✅ | ✅ | 🔵 | ✅ | ✅ | ❌ |

Rendering and Fetching

Understanding how rendering and fetching data differ between Gen 1 and Gen 2 is crucial for building a seamless user experience. For more information, visit the Content API documentation.

Custom Components and Visual Editor

Registering custom components and configuring the Visual Editor also vary between Gen 1 and Gen 2. Refer to the Registering Custom Components guide for more information.

Package Names

The table below lists available package names by framework and generation. Use these names for installs and imports.

| Framework | Gen 1 | Gen 2 |

|---|---|---|

Qwik | n/a | |

React* | | |

Vue** | | |

Svelte | n/a | |

Solid | n/a | |

React Native | n/a | |

Angular | | |

By understanding the differences between first and second generations of Builder SDKs, you'll be well-equipped to make an informed decision for your swift app development project. Whether you're building a React-based app or exploring other options like Vue, Svelte, or Solid, this comprehensive guide has got you covered.