{"action":"created","issue":{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/1553","labels_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/1553/labels{/name}","comments_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/1553/comments","events_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/1553/events","html_url":"https://github.com/react-bootstrap/react-bootstrap/issues/1553","id":121138112,"number":1553,"title":"Filesize over 400kb. Is that expected? ","user":{"login":"amir20","id":260667,"avatar_url":"https://avatars.githubusercontent.com/u/260667?v=3","gravatar_id":"","url":"https://api.github.com/users/amir20","html_url":"https://github.com/amir20","followers_url":"https://api.github.com/users/amir20/followers","following_url":"https://api.github.com/users/amir20/following{/other_user}","gists_url":"https://api.github.com/users/amir20/gists{/gist_id}","starred_url":"https://api.github.com/users/amir20/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/amir20/subscriptions","organizations_url":"https://api.github.com/users/amir20/orgs","repos_url":"https://api.github.com/users/amir20/repos","events_url":"https://api.github.com/users/amir20/events{/privacy}","received_events_url":"https://api.github.com/users/amir20/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2015-12-09T01:09:11Z","updated_at":"2015-12-10T01:42:44Z","closed_at":"2015-12-09T05:16:47Z","body":"Apologies if this question has been asked before.  I am using `react-bootstrap` for a side project. I noticed that uncompressed the js file is around `488KB` where the \"jQuery\" version of bootstrap.js is `69KB`. \r\n\r\nI found this by analyzing the bundle size. \r\n\r\n```\r\n> $(npm bin)/webpack --config webpack-production.config.js --json | analyze-bundle-size\r\nreact: 576.93 kB (32.9%)\r\n  <self>: 576.93 kB (100%)\r\nreact-bootstrap: 275.05 kB (15.7%)\r\n  <self>: 275.05 kB (100%)\r\njquery: 241.79 kB (13.8%)\r\n  <self>: 241.79 kB (100%)\r\nimmutable: 139.59 kB (7.96%)\r\n  <self>: 139.59 kB (100%)\r\ncore-js: 125.89 kB (7.18%)\r\n  <self>: 125.89 kB (100%)\r\nmoment: 101.96 kB (5.81%)\r\n  <self>: 101.96 kB (100%)\r\nlodash-compat: 67.98 kB (3.88%)\r\n  <self>: 67.98 kB (100%)\r\nreact-overlays: 64.77 kB (3.69%)\r\n  react-prop-types: 2.94 kB (4.53%)\r\n    <self>: 2.94 kB (100%)\r\n  react-prop-types/lib/elementType.js|/Users/amir.raminfar/Workspace/radiowitter: 1.11 kB (1.72%)\r\n    <self>: 0 B (0.00%)\r\n  <self>: 60.72 kB (93.7%)\r\nfbjs: 32.87 kB (1.87%)\r\n  <self>: 32.87 kB (100%)\r\nbabel-regenerator-runtime: 20.95 kB (1.19%)\r\n...\r\n```\r\n\r\nI only use `Modal`s, `Col`s & `Row`s and `Button`s. \r\n\r\nIs this expected? \r\n"},"comment":{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/comments/163459524","html_url":"https://github.com/react-bootstrap/react-bootstrap/issues/1553#issuecomment-163459524","issue_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/1553","id":163459524,"user":{"login":"amir20","id":260667,"avatar_url":"https://avatars.githubusercontent.com/u/260667?v=3","gravatar_id":"","url":"https://api.github.com/users/amir20","html_url":"https://github.com/amir20","followers_url":"https://api.github.com/users/amir20/followers","following_url":"https://api.github.com/users/amir20/following{/other_user}","gists_url":"https://api.github.com/users/amir20/gists{/gist_id}","starred_url":"https://api.github.com/users/amir20/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/amir20/subscriptions","organizations_url":"https://api.github.com/users/amir20/orgs","repos_url":"https://api.github.com/users/amir20/repos","events_url":"https://api.github.com/users/amir20/events{/privacy}","received_events_url":"https://api.github.com/users/amir20/received_events","type":"User","site_admin":false},"created_at":"2015-12-10T01:42:44Z","updated_at":"2015-12-10T01:42:44Z","body":"According to documentation, `import Button from 'react-bootstrap/lib/Button'` is the same as import { Button  } from 'react-bootstrap'. But I tried both, and you were right. Then this makes more sense. \r\n\r\nPerhaps it's the way the project is structured? "}}