frosato-dev / ekino-widget

WIP - Chrome ext

ChromeExtension with Stack

Setup:

npm install gulp-cli -g

Run project:

yarn start

Run storybook:

yarn storybook

Folder structure:

├── core
│   ├── config
├── event
│   ├── src
│   │   ├── aliases (Redux actions)
│   │   ├── reducers
├── popup
│   ├── src
│   │   ├── core (shared)
│   │   ├── modules (specific)

Debug

• Click on Redux Devtools extension
• Click Open remote DevTools
• Go to Settings (at the bottom)
• Check Use Custom server and set port to 8000

Libraries

• react
• redux
• redux-thunk
• react-chrome-redux
• styled-components
• react-redux-firebase
• react-storybook
• redux-auth-wrapper

based on react-chrome-redux-example by Tyler Shaddix

Notes

• Good to know