September 9, 2018

Share IH: ReactJs Chrome extension boilerplate

We have open sourced the boilerplate which we used to create the Recast Studio's chrome extension.

The boilerplate is to quickly create a chrome extension using ReactJs

The motivation behind creating a boilerplate was:

  1. Instead of chrome's ready-made popup, We wanted our own page injected into DOM as a sidebar for better UX.

  2. We wanted to use ReactJs for the Component-based approach, Routing, and its build mechanism.

  3. Extension CSS should not conflict with the host page styles in any case.

Hope, Someone will find it helpful

Source code:

https://github.com/satendra02/react-chrome-extension

Medium:

https://itnext.io/create-chrome-extension-with-reactjs-using-inject-page-strategy-137650de1f39


  1. 2

    Thank you! Looks great.

  2. 1

    This very nice of you. One never knows when building an extension is required.

    Starred, thanks!

    EDIT Have you thought about posting it here? https://www.reddit.com/r/coolgithubprojects/ I think it's worth being there ;)

    1. 1

      Thanks @ccostel, Just posted there.

      1. 1

        👍

  3. 1

    Thanks for sharing the code - personally I find it extremely useful! Both the product and the boilerplate look great!

    1. 1

      Thanks for your feedback @7hills