How to contribute to open source with Webpack

Webpack is one of the most prominent open source projects in the JavaScript and they are always looking for more people to help contribute back to the project. Speaking from personal experience, it’s incredibly daunting to even think about contributing back to such a large project, but in this video we’ll demonstrate that it’s actually no where near as tricky as you might imagine.

I invited Webpack core team member Sean Larkin onto a Google Hangouts session as we paired on contributing to Webpack. You’ll see how to:

  • Clone Webpack and get it running locally on your machine.
  • How to find code in the Webpack repository that’s good for a pull request.
  • How to run the Webpack tests to ensure your work hasn’t broken anything.
  • How to run ESLint to ensure you’re following the code standards of the project.
  • How to open a pull request against Webpack.
  • Sean’s workflow for reviewing pull requests.

Even if you don’t want to contribute directly to Webpack, this video should help you contribute to any open source project that you’re interested in.

PS: it’s definitely worth making the video fullscreen or viewing on Youtube so you can see things more clearly.

You can find the pull request I opened on GitHub. Once again, huge thanks to Sean for taking the time to do the video with me. Happy contributing!

Don't miss my latest course on Testing React with Enyzme and Jest! The first five videos are free and available to watch now. You'll learn how to write testable React code, test complex components and use Jest and Enzyme effectively to write clean, thorough tests. Get started now.

Subscribe to keep up to date with the latest content.

Join the JS Playground mailing list to be kept up to date with the latest tutorials, screencasts and more. You won't be spammed and you can unsubscribe at any time.

Headshot of Jack Franklin

Jack is JavaScript and React developer in London. He's also a keen Elm enthusiast, conference speaker and tweets far too often.