diff --git a/docs/get-started-angular.md b/docs/get-started-angular.md index 9e3a75b69..9565fa13a 100644 --- a/docs/get-started-angular.md +++ b/docs/get-started-angular.md @@ -24,6 +24,8 @@ As a result, you will create the following dashboard: [View Full Code on GitHub](https://github.com/surveyjs/code-examples/tree/main/get-started-analytics/angular (linkStyle)) +If you are looking for a quick-start application that includes all SurveyJS components, refer to the following GitHub repository: SurveyJS + Angular CLI Quickstart Template. + ## Install the `survey-analytics` npm Package SurveyJS Dashboard is distributed as a survey-analytics npm package. Run the following command to install it: diff --git a/docs/get-started-react.md b/docs/get-started-react.md index dd8acdbb7..9ace7e5e2 100644 --- a/docs/get-started-react.md +++ b/docs/get-started-react.md @@ -24,6 +24,12 @@ As a result, you will create the following dashboard: [View Full Code on GitHub](https://github.com/surveyjs/code-examples/tree/main/get-started-analytics/react (linkStyle)) +If you are looking for a quick-start application that includes all SurveyJS components, refer to the following GitHub repositories: + +- SurveyJS + React Quickstart Template +- SurveyJS + Next.js Quickstart Template +- SurveyJS + Remix Quickstart Template + ## Install the `survey-analytics` npm Package SurveyJS Dashboard is distributed as a survey-analytics npm package. Run the following command to install it: @@ -256,9 +262,15 @@ export default function App() { ## Render the Visualization Panel -A Visualization Panel should be rendered in a page element. Add this element to the component markup: +A Visualization Panel should be rendered in a page element. Add this element to the component markup, as shown below. + +> If you are using [Next.js](https://nextjs.org) or another framework that [has adopted React Server Components](https://react.dev/learn/start-a-new-react-project#bleeding-edge-react-frameworks), you need to explicitly mark the React component that renders a SurveyJS component as client code using the ['use client'](https://react.dev/reference/react/use-client) directive. ```js +// Uncomment the following line if you are using Next.js: +// 'use client' + +// ... export default function App() { // ... return ( @@ -292,6 +304,9 @@ To view the application, run `npm run start` in a command line and open [http:// View Full Code ```js +// Uncomment the following line if you are using Next.js: +// 'use client' + import { useState, useEffect } from 'react'; import 'survey-analytics/survey.analytics.min.css'; import { Model } from 'survey-core'; diff --git a/docs/get-started-vue.md b/docs/get-started-vue.md index 49459631a..62dcc7152 100644 --- a/docs/get-started-vue.md +++ b/docs/get-started-vue.md @@ -24,6 +24,11 @@ As a result, you will create the following dashboard: [View Full Code on GitHub](https://github.com/surveyjs/code-examples/tree/main/get-started-analytics/vue (linkStyle)) +If you are looking for a quick-start application that includes all SurveyJS components, refer to the following GitHub repositories: + +- SurveyJS + Vue 3 Quickstart Template +- SurveyJS + Vue 2 Quickstart Template + ## Install the `survey-analytics` npm Package SurveyJS Dashboard is distributed as a survey-analytics npm package. Run the following command to install it: