https://www.justincarmony.com/tags/webpack/ Recent content in Webpack on Justin Carmony Hugo en-us Thu, 02 Apr 2015 18:10:21 +0000 https://www.justincarmony.com/2015/04/02/webpack-react-and-multiple-versions-issues/ Thu, 02 Apr 2015 18:10:21 +0000 https://www.justincarmony.com/2015/04/02/webpack-react-and-multiple-versions-issues/ <p>I’ve been using React successfully for several projects, and tonight I ran into a problem I hadn’t experienced before. I was trying both <a href="https://www.npmjs.com/package/react-d3"><code>react-d3</code></a>and <a href="https://www.npmjs.com/package/react-d3-components"><code>react-d3-components</code></a> when I would get an error on rendering:</p> <p><code>Uncaught TypeError: Can't add property context, object is not extensible</code></p> <p>This error had a very, very deep stack trace far into the depths of React, and I was worried I had encountered a nasty React bug. After some poking around &amp; googling, I discovered that multiple versions of React do not play nicely with each other, at all. When I had installed both those react component libraries, each installed their own version of React, version 0.12. I was using React version 0.13.</p> https://www.justincarmony.com/2015/03/19/barebones-example-of-using-react-webpack/ Thu, 19 Mar 2015 18:13:35 +0000 https://www.justincarmony.com/2015/03/19/barebones-example-of-using-react-webpack/ <p>The biggest hurdle to starting with <a href="http://facebook.github.io/react/">React</a> is getting your JSX files to compile to plain JavaScript. My preference is to use <a href="http://webpack.github.io/">webpack</a> to accomplish this.</p> <p>If you go and google “react webpack starter” you get some great, fully featured starters like <a href="https://github.com/webpack/react-starter">react-starter</a>. The problem is if you’re not starting from scratch, it can be very hard to see what files / settings / etc you need to bring into your project to make it work.</p>