React-bootstrap-table2: Client-side/UMD version

[KamyarP]

Hi,
I'm working on a project in .NET Core and wouldn't want to add node.js layer to it for now.
Could you please let me know if there is a client-side ready version like the previous version of this module which can be used just by referencing the .js file in html (without requiring node.js)?

Thank you

[AllenFang]

@KamyarP sure, we already build the UMD version and include it in dist folder in the node modules. we didn't provide a public place to download those umd version but I think there's workaround for you is you can try to npm install react-bootstrap-table-next in somewhere

then go to node_modules/react-bootstrap-table-next/dist, you can find following files
react-bootstrap-table2.css
react-bootstrap-table2.js
react-bootstrap-table2.js.map
react-bootstrap-table2.min.css
react-bootstrap-table2.min.js

Above *.js files is all UMD version, so right now, you can copy the UMD files to your application.

I'll find some place to puts those UMD files, thanks!!

L4t me know if you got any questions, thanks

[prajapati-parth]

We can try using cdnjs(https://cdnjs.com) to host these files. I'm not sure
about how to get those hosted, but it's worth giving a try. I'll try to dig
in more and share my findings soon.

On 16 Feb 2018 8:47 a.m., "Allen" [e-mail] wrote:

@KamyarP https://github.com/kamyarp sure, we already build the UMD
version and include it in dist folder in the node modules. we didn't
provide a public place to download those umd version but I think there's
workaround for you is you can try to npm install
react-bootstrap-table-next in somewhere

then go to node_modules/react-bootstrap-table-next/dist, you can find
following files
react-bootstrap-table2.css
react-bootstrap-table2.js
react-bootstrap-table2.js.map
react-bootstrap-table2.min.css
react-bootstrap-table2.min.js

Above *.js files is all UMD version, so right now, you can copy the UMD
files to your application.

I'll find some place to puts those UMD files, thanks!!

L4t me know if you got any questions, thanks

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
https://github.com/react-bootstrap-table/react-bootstrap-table2/issues/208#issuecomment-366133993,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AQZeJgFC5y7vlgLNYRkO6E-cvtC2v6fcks5tVPMygaJpZM4SGmnB
.

[prajapati-parth]

So to add these files to cdnjs we'll just need to create a PR containing directories with name as library version like this example https://github.com/cdnjs/cdnjs/tree/master/ajax/libs/aframe. The PR has to follow this contributing guidelines https://github.com/cdnjs/cdnjs/blob/master/CONTRIBUTING.md#b-pull-request.

[KamyarP]

@AllenFang Thanks for the guidance. However, I'm still having problems and get the following error:
React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.

I tried to initialize the table with minimum complexity:

const columns = [{ dataField: 'id', text: 'id' }, { dataField: 'name', text: 'name' }];
var data = [{id: 1,name: "kamyar"},{id: 2,name: "john"}];
return (<ReactBootstrapTable keyField='id' data={data} columns={columns}/>);

I'm using react 16.2.0
Also, would you please let me know if I have to include Bootstrap Table (https://github.com/wenzhixin/bootstrap-table) js/css files separately or are they embedded in your code?

[AllenFang]

@prajapati-parth thanks your sharing, I will have a look on it :)

@KamyarP

Also, would you please let me know if I have to include Bootstrap Table (https://github.com/wenzhixin/bootstrap-table) js/css files separately or are they embedded in your code?

Definitly no

[AllenFang]

React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.

it's wired.. could you please open an issue, and let's focus on it if the problem is still remain, thanks

[KamyarP]

I have created a new issue at https://github.com/react-bootstrap-table/react-bootstrap-table2/issues/220
Thanks.

[AllenFang]

https://react-bootstrap-table.github.io/react-bootstrap-table2/docs/getting-started.html#umd