Building a Chrome Extension with React

Lightning talk about how to create chrome extension that will make every new tab in Chrome browser contain a random phrase from Urban Dictionary. Created with the usage of create-react-app project.

It was performed at React Alicante 2018

Transcript

1. September 2018 Building a Chrome Extension with React Olena Sovyn
2. Thanks to our sponsors!
3. ❤ React, Redux, lodash, React Storybook, and functional programming overall Secret fan of CSS, Avengers and Harry Potter @frontendgirl
5. " & #
10. Strong language!
14. Chrome Extensions UIs Chrome Extensions API: https://developer.chrome.com/extensions/api_index
15. manifest.json
32. https://goo.gl/nRpcBj
33. 3. There are many tools in project that makes our everyday developer life soooooo easier
34. 3. There are many tools in project that makes our everyday developer life soooooo easier
35. 2. We have abnormal creative power…
36. https://github.com/CompuIves/codesandbox-client
37. Developer Tools https://github.com/devtools-html/debugger.html
38. …and definitely lack of time ⌛
39. 1. Process of creation is not finished with the last line of code
42. ❤❤❤ Do what you love and have fun! ;)