You can subscribe to events from extension and make changes appropriately in your web app.ĭo it however you like, it's your Chrome extension.Ĭode for demo Reporting bugs with screen recording You can have the extension write into cookie / local storage. What if instead, you have a Chrome extension that provides an intuitive UI that allows you to do that? Think about how you would need to educate every new developer / QA / PM on how to manually switching environments, language, or feature toggles. Switching environments and feature togglesĪ web application is usually served in different environments (eg: test, staging, live), different languages (eg: english, chinese), and may have different feature toggles to enable / disable features on the web app.ĭepending on your web app setup, switching environments, language or feature toggles may require you to mock it, or manually editing cookie / local storage (if your flags are persisted there). In the following, I will show you a few examples, along with source code for each example, and hopefully, these examples will inspire you to create your Chrome extension. They are specialised for a generic React or Redux project, yet not specialised enough for your personal or your teams' development workspace. Redux Devtools for debugging Redux store and time travel.React Devtools for debugging React Virtual DOM.json files in Chrome, and there are a lot more extensions that made my development work easier, which I listed at the end of this article.Īs you can see, these extensions are specialised and helpful in a certain aspect of my development: Besides that, I've been using EditThisCookie for cookie management, JSON Formatter has been helping me with inspecting. I don't know about you, but React DevTools and Redux DevTools have been extremely helpful for my daily React development. Now, let's see what kind of Chrome extension we can develop that can help us with our daily development. You can check out my repo for a basic Chrome extension setup that includes all the code above.Ĭongrats, we've cleared through the arguably hardest part developing Chrome extension! Manifest.json is where you declare everything about the chrome extension: Now you know the different components of a Chrome extension, let's look at the most important file in every extension, the manifest.json. custom pages (Overriding the History, New Tab, or Bookmarks page).
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |