SurveyJS 2022 Year-End Recap
Tags: survey, form, javascr, react
Published: 2023-01-11 07:14:26

In 2022, the SurveyJS product line received lots of new enhancements: from a brand new version of Survey Creator and native Angular support to bug fixes and other small improvements. Below, we give a short overview of the most prominent features introduced within the last 12 months.

## Survey Creator V2 for Angular, Knockout, and React
Survey Creator V2 received a complete UI and architecture overhaul. We wanted to make sure that the new version outperforms Survey Creator V1 in every way. 2022 saw the release of native Survey Creator support for React and Angular. More on this in the following blog posts:

* [Add Survey Creator / Form Builder to Your React Application](https://dev.to/surveyjs/add-survey-creator-form-builder-to-your-react-application-50gd)
* [Angular Support for SurveyJS Form Library and Creator](https://dev.to/surveyjs/angular-support-for-surveyjs-form-library-and-creator-14g9)

![Survey Creator for React, Angular, and Knockout](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y73fzoygfc7dvwn729iw.png)

In addition, we released the Knockout version, which you can also use in your jQuery and Vue applications. Native support for Vue 3 is on its way.
To learn more about changes introduced to Survey Creator, refer to the What's New in Survey Creator V2 help topic. To migrate from Survey Creator V1, follow the instructions from the Migration to Survey Creator V2 article.

## New Separated Bundles

We have separated the survey data model from the rendering code. This change has enabled us to test the data model independently from rendering and reuse the data model across all our products. As a result, the total size of our bundles was reduced.

Previous bundles:
* survey-angular
* survey-react
* survey-vue
* survey-jquery
* survey-knockout

New bundles:
* survey-core (platform-independent survey data model)
* survey-angular-ui
* survey-react-ui
* survey-vue-ui
* survey-knockout-ui

Now, you should use the `survey-core` bundle in conjunction with the bundle for your platform: Angular, React, Vue, or Knockout. For jQuery, you can switch to the `survey-knockout-ui` bundle or keep using the `survey-jquery` bundle without `survey-core`. Refer to our [Get Started](https://medium.com/r/?url=https%3A%2F%2Fsurveyjs.io%2Fform-library%2Fdocumentation%2Fget-started) guides for details.

We also moved the localization strings into a separate module. It is part of the `survey-core` bundle, but it can now be referenced or imported it individually when needed. To learn more, refer to the [Localization & Globalization](https://medium.com/r/?url=https%3A%2F%2Fsurveyjs.io%2Fform-library%2Fdocumentation%2Fsurvey-localization) help topic.

## Native Angular Support
Previously, our Angular integration was a wrapper over the Knockout version. In 2022, we introduced native support for Angular. You can now use proper Angular components to build your surveys. 

[Custom Color Picker Demo](https://medium.com/r/?url=https%3A%2F%2Fcodesandbox.io%2Fs%2Fsurveyjs-angular-forked-96o0np%3Ffile%3D%2Fsrc%2Fapp%2Fcomponents%2Fcolor.component.ts)

Refer to the following help topic for instruction on how to enable native Angular support for SurveyJS Form Library: [Add a Survey to an Angular Application](https://surveyjs.io/form-library/documentation/get-started-angular).

## New Customizable Theme
With the UI overhaul came a new UI theme. The Default V2 theme has an up-to-date look and feel and uses CSS variables extensively, which makes it easy to customize colors, font size, and paddings to your needs.

[Theme Customization Demo](https://surveyjs.io/form-library/examples/custom-theme-v2/angular)

![Theme Customization](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cei1wuxkei4m7is9tw39.png)

## Dropdown Question Redesigned
Our Dropdown question is no longer a standard `<select>` element. We introduced an updated Dropdown question that was designed from scratch. You no longer need to integrate third-party components, such as select2, into your survey to get advanced functionality — the new Dropdown supports item filtering, lazy loading, and many other features out of the box.

* [Drop-Down Menu Demo](https://surveyjs.io/form-library/examples/create-dropdown-menu-in-javascript/)
* [Lazy Loading Demo](https://surveyjs.io/form-library/examples/lazy-loading-dropdown/)
* [Load Data from Web Services Demo](https://surveyjs.io/form-library/examples/dropdown-menu-load-data-from-restful-service/)

![Dropdown Menu](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2m0uxatyfgm9ivi66im5.png)

## New Multi-Select Dropdown Question (Tag Box)
One of the latest additions to our Form Library is the Tag Box question type. It allows users to select multiple items from a drop-down menu. All the features present in the Dropdown question type, such as lazy loading, item customization, and filtering, you can also find in Tag Box.

[Multi-Select Dropdown Box Demo](https://surveyjs.io/form-library/examples/how-to-create-multiselect-tag-box/)

![Multi-Select Dropdown Box](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e10ngzfk0hj8med50ybq.png)

## Roadmap for 2023
Many exciting features are planned to be released within the next 12 months. Here’s only the tip of the iceberg:

* Vue 3 support for Form Library and Survey Creator
* Theme Editor in Survey Creator
* New page navigation mode (table of contents)
* Built-in input mask support for the Text question type
* Animated visual effects
* Enhanced support for mobile devices
* and much, much more.

We would like to thank each and every one of you who expressed their continuing support for SurveyJS in 2022 by pointing out issues, contributing valuable suggestions, giving feedback, or simply by being our customer. This year brought us many new features, the next year is promising to be just as fruitful.

So stay tuned for 2023 with SurveyJS!