Never mind, I just figured it out from the image you posted on Discord. The problem is that ActionSheet by itself doesn’t have any kind of background, so it will literally just show the child elements. Usually the child elements are ActionSheetButtons which have a proper background. You can see an example here: https://onsen.io/playground/?framework=react&category=reference&module=action-sheet Since you have img elements in your ActionSheet it will just show the images as they are with no background. You could add styling to the child elements if you still just want to use img. By the way, SpeedDial might be more suitable if you want open a series of icons. https://onsen.io/playground/?framework=react&category=reference&module=speed-dial

@denious Good to read that. I think '/' should be more robust for development so I just updated it :+1:

AFAICS this example is using OnsenUI 2.0.4 and Webpack v1.x.x . Can either of these be upgraded and if so how? Especially interested in what happens to Stylus (replaced by Less?) Or is there an up to date example available?

I refactored it to break up the components with the Provider HoC. https://gist.github.com/wordyallen/fbd9e239656cb6232fc3bfbcfb987522#file-stop_watch_component-js

Only waiting for this from last one month :) Thank you

yes that is it

Good article! Just small question: isn’t using “actions: bindActionCreators(Actions, dispatch)” breaks the whole idea of container/component approach? Since you are using connect it actually creates another component for you, which is called a container, but for me it seems that you don’t have the presentational components, cause they are not dumb (meaning they know the logic of your app).

Would be good if you put the files tree and file names for each file. Except that, colors is not recognized anymore by webpack v2 in devServerschema and we now have to use babel-loader instead of babel. Other than that, still one of the best tutorials out there for using webpack-dev-server with Hot Module Replacement.