# Using ActiveReportsJS Report Designer Component in React applications

Learn how to integrate the ActiveReportsJS Report Designer component in the React.js based application.

## Content

## Using ActiveReportsJS with Modern React Frameworks

The React ecosystem has evolved, and the React documentation now [recommends](https://react.dev/learn/start-a-new-react-project) using modern React-powered frameworks for building new applications or websites. As of this update, the `create-react-app` tool is no longer the preferred method for setting up new React projects. Instead, we encourage using frameworks such as `Next.js` or tools like `Vite`, which offer more comprehensive features and improved performance.

### Next.js

[Next.js](https://nextjs.org/) is a powerful React framework that enables functionalities such as server-side rendering and static site generation, which can significantly enhance the performance and SEO of your applications.
ActiveReportsJS supports integration with Next.js. To get started with Next.js and `ActiveReportsJS Report Designer` component, follow the tutorial here:

* [Get Started with ActiveReportsJS Report Designer in Next.js](/activereportsjs/docs/v6.1/GettingStarted/QuickStart-ARJS-Designer-Component/nextjs)

### Vite

[Vite](https://vitejs.dev/) is a build tool that provides a faster and leaner development experience for modern web projects. It is highly efficient for building React applications due to its lightning-fast hot module replacement (HMR) and optimized build process.
ActiveReportsJS also supports building React applications with Vite. To learn how to integrate `ActiveReportsJS Report Designer` component with a Vite-powered React application, check out the tutorial below:

* [Get Started with ActiveReportsJS Report Designer in Vite.js(React)](/activereportsjs/docs/v6.1/GettingStarted/QuickStart-ARJS-Designer-Component/vitejs)

By leveraging these modern tools and frameworks, you can create high-performance, scalable React applications while seamlessly integrating powerful reporting capabilities provided by ActiveReportsJS.