syncfusion reactjs with browserify

[Christopher Hui]

how can i require/bundle syncfusion reactjs with browserify?

[Arun Palaniyandi]

Hi Christopher , 

 

Thanks for contacting Syncfusion support. 

 

We can bundle Syncfusion components with the browserify in React project by the following steps. 

 

1.       Create an application and then include the npm node packages. 

2.       Create a project directory with source and build folders. And  then in the index.html file include all the Syncfusion dependent scripts and styles . 

3.       If you are using ES2015 for rendering, then you need not refer “react.min.js”, “react-dom.min.js” and “browser.min.js” files in index.html. 

4.       Then create the component under the src folder. 

5.       Now give the browserify commands and then build the application. 

6.       Finally the Syncfusion components will be bundled with browserify in React project 

 

 

We have created our Autocomplete component using the Reactjs  browserify for your reference below. 

 

https://www.syncfusion.com/downloads/support/forum/128765/ze/ReactJSbrowserify1297203831 

 

you can also find more information in the below getting started link. 

 

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

 

 

If the provided sample does not meet your requirement, please give more information on your requirement for us to provide the solution at earliest.  

  

 

Regards, 

Arun P. 

[Christopher Hui]

i want to just have one bundle.js file. inside the index.html, i do not want the react javascript files referenced.

[Ezhil S]

Hi Christopher, 

Thanks for your update. 

Yes, we can bundle all the dependent script to one using gulp task and refer it to your index page. Configure your app for gulp task and bundling with browserify using the “browserify” command. We have modified the sample with bundling the dependent scripts and it can be downloaded from the link below: 

https://www.syncfusion.com/downloads/support/forum/128765/ze/ReactJSbrowserify-bundling-2080678114  

 

Reference for gulp task to bundle Javascript files: https://stackoverflow.com/questions/23835898/how-to-output-multiple-bundles-with-browserify-and-gulp  

 

Please let us know if you have any other queries. 

 

Regards, 

Ezhil S