This week: Chrome Extensions!

I love browser extensions. The web browser mediates the majority of our experience online, and so it feels like such a superpower to be able to hook into the browser itself and bend it to your will. (I've written so many Greasemonkey Scripts over the years.)

The problem with writing browser extensions has, traditionally, been the problem of webdevelopment itself - how do you manage changes, build templates, architect your data etc.

Well, it turns out, you can write Chrome extensions in React! And it's beautiful.

This week I want to give you a few pointers on how you can start writing your own Chrome extensions in React. We'll start by sharing a video tutorial by Tyler Shaddix, who talks about building Redux-based Chrome extensions. Then I'll share boilerplates and tools for starting you own, and finally a few example extensions that can show you real-world examples.

Be sure to checkout the code for redux-devtools-extension - it's a super handy utility if you use redux and it shows the power of what's possible.

Enjoy (and send me your favorite React Chrome extensions!!)

--Nate

 

Code






About


Like what you've been reading from Fullstack React? You can help us spread the word. Please forward this email to you friends (and let them know they can subscribe here).


Follow us on Twitter


Curated with love by Nate Murray and the Fullstack.io team.

Suggestions are welcome, just reply to this email - we'd love to hear from you.