What is the use of dist, es, lib folder

[Rajesh-Thiyagarajan]

Hi team

To understand how reactstrap working i am asking this question.

What is use of es, dist, lib folder ?
why we are providing src code to the user ?

[TheSharpieOne]

Different users use different loaders.
dist is for CDNs, it powers things like https://cdnjs.com/libraries/reactstrap. Everything gets transpiled and there is UMD exporting. There are also a couple of "flavor" with and without external dependencies.
lib is for commonjs importing (using require and exports), plus everything gets transpiled.
es is for module importing (using import and export), it's good for treeshaking, plus everything else gets transpiled.
src is also for module importing, but it allows for the end user to determine what gets transpiled and can be useful for avoiding the extra junk in es. I believe this is what CRA will pick up out-of-the-box now-a-days. Webpack with babel-loader will do the same unless you tell it to exclude node_modules.

[Rajesh-Thiyagarajan]

Is reactstarp will not support TypeScript ?

[TheSharpieOne]

typings are included in es and lib. There used to be @types/reactstrap, but that was moved to be within the repo. I guess we are not including the types in the release for the src. @kyletsang should we be including the types directory in the release artifacts?

[Rajesh-Thiyagarajan]

@TheSharpieOne I am just asking for my knowledge. what is the project name ? like Node.js prospect, React project , etc ...

[TheSharpieOne]

this project is named "reactstrap"; as found in the "name" property within the package.json