Navigation

    Monaca & Onsen UI
    • Register
    • Login
    • Search
    • Tags
    • Users
    • Blog
    • Playground
    1. Home
    2. Tags
    3. webpack

    • J

      <ActionSheet/> not working like it should
      Onsen UI • react webpack actionsheet • • Jsmyth

      3
      0
      Votes
      3
      Posts
      2698
      Views

      E

      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
    • D

      Problem requesting fonts in OnsenUI/vue-cordova-webpack template
      Onsen UI • onsenui webpack templates fonts node • • denious

      5
      0
      Votes
      5
      Posts
      5820
      Views

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

      Performance features in webpack 2
      Monaca & Onsen UI Articles • monaca webpack • • Masa

      1
      0
      Votes
      1
      Posts
      2452
      Views

      No one has replied

    • Creating a Cordova Hybrid App with React, Redux and Webpack
      Monaca & Onsen UI Articles • react cordova tutorial onsenui webpack redux • • argelius

      15
      0
      Votes
      15
      Posts
      18137
      Views

      R

      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?
    • P

      It's all about time: Building a performant Stopwatch with MobX and React - fast
      Monaca & Onsen UI Articles • react tutorial webpack redux performance mobx • • patrick

      4
      0
      Votes
      4
      Posts
      4983
      Views

      J

      I refactored it to break up the components with the Provider HoC. https://gist.github.com/wordyallen/fbd9e239656cb6232fc3bfbcfb987522#file-stop_watch_component-js
    • Onsen UI Angular 2 Components coming soon!
      News & Announcements • onsen ui react angular 2 webpack typescript • • IliaSky

      4
      0
      Votes
      4
      Posts
      5114
      Views

      A

      Only waiting for this from last one month :) Thank you
    • Time Travel in React Redux apps using the Redux DevTools
      Monaca & Onsen UI Articles • react tutorial onsenui webpack redux time-travel • • argelius

      4
      0
      Votes
      4
      Posts
      5252
      Views

      S

      yes that is it
    • Managing your React state with Redux
      Monaca & Onsen UI Articles • react tutorial webpack redux • • argelius

      3
      0
      Votes
      3
      Posts
      4360
      Views

      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).
    • P

      Improving Your Development Workflow with Webpack, React Hot Loader and Onsen UI
      Monaca & Onsen UI Articles • react tutorial onsenui webpack hot-reloading • • patrick

      3
      0
      Votes
      3
      Posts
      4333
      Views

      C

      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.