We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to import the Syncfusion ReactJS components using webpack?

To import the dependent scripts for the specific ReactJS component into the JSX file. Follow the below steps to configure the Syncfusion React components.

  1.  Create a new application with React using the following link:

https://help.syncfusion.com/reactjs/overview#getting-started-with react


  1.  Open the command prompt and navigate to the application root folder then install webpack, react by using the below commands.


  1. Configure the Syncfusion JavaScript components through npm https://help.syncfusion.com/js/installation-and-deployment. This will fetch Syncfusion dependent files through node.
  2. Import the dependent scripts in JSX file as like as below:


  1. Compile the application and run the demo to render the Syncfusion React components by using the below command,


Refer to the following sample:



Article ID: Published Date: Last Revised Date: Platform: Control:
7952 08/29/2017 08/29/2017 JavaScript General
Did you find this information helpful?
Add Comment
You must log in to leave a comment

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon