In this article we will take a look at how to create a Cordova hybrid app using Onsen UI and React. We will create a full-fledged weather application that uses Redux to manage the state and Onsen UI to create a beautiful UI.

In this article we will take a look at how to create a Cordova hybrid app using Onsen UI and React. We will create a full-fledged weather application that uses Redux to manage the state and Onsen UI to create a beautiful UI.

]]>https://community.onsen.io/post/1846https://community.onsen.io/post/1846Mon, 04 Jul 2016 14:11:53 GMTFor cloning use: git clone https://github.com/argelius/react-onsenui-redux-weather.git
]]>https://community.onsen.io/post/1858https://community.onsen.io/post/1858Tue, 05 Jul 2016 20:50:26 GMT@Serge-van-den-Oever Did the clone command in the article not work for you? Are you using Windows?
]]>https://community.onsen.io/post/1867https://community.onsen.io/post/1867Wed, 06 Jul 2016 09:08:08 GMTThanks @argelius! Redux structure and Navigator integration were especially helpful. Loving working with Onsen!
]]>https://community.onsen.io/post/1895https://community.onsen.io/post/1895Fri, 08 Jul 2016 16:59:20 GMT@bearcanrun I’m glad you like it! :)
]]>https://community.onsen.io/post/1925https://community.onsen.io/post/1925Fri, 15 Jul 2016 00:05:11 GMTHi @argelius! Is there an easy way to have the Navigator save it’s state in the Redux store so that Redux TimeTravel reverts the navigation as well?
]]>https://community.onsen.io/post/1969https://community.onsen.io/post/1969Tue, 19 Jul 2016 13:23:01 GMTVery glad I found this. As a new onsenui user using React, this is seemingly the only place that tells you that ListItem has an onClick property!
]]>https://community.onsen.io/post/2087https://community.onsen.io/post/2087Tue, 26 Jul 2016 22:02:06 GMT@b4lthazar Sorry for the late response!

Actually we are currently improving the Navigator to work with Redux. The current implementation is a bit hard to integrate since it has some methods with side effects.

I mean there are a lot of guides out there but almost none of them tell about the initial project setup: what npm packages to install and how. How you create the project, how you structure it, where goes css, where goes logic and so on.

In the last week I have read ALOT of articles and tutoria about Onsen and React… But I still dont have any clear understanding of how all this things work together in a real project… I am lacking the basics…

Like a small step by step guide:

use npm and install following packages…

this package does this and this and you have to configure it like that and that…

to create a project which will use cordova + onsen + react + redux and will use babel and webpack you have to use this and this… and make following configurations in following files…

ok you have created the project! nice! Now here is the correct way of initializing app using cordova… (because i dont understand how hell i have to initialize it… shoul I use cordova onDeviceReady??? or ons.onReady??? or something else???)

you have to structure you project like that… because it brings following benefits…

the are several additional libraries that can help you and make you life easier…

here is an example of a working project with code where you can see everything: the correct app initialization, brilliant structure, working with stores and async web services…

If someone knows where to find this or maybe can create this guide - GOD please do it!

]]>https://community.onsen.io/post/4508https://community.onsen.io/post/4508Sat, 15 Apr 2017 14:37:48 GMT@rolandkofler: you need to downgrade npm install onsenui@2.0.4 because stylus is not nsuportet from onsen@2.2.0
]]>https://community.onsen.io/post/4510https://community.onsen.io/post/4510Sun, 16 Apr 2017 15:06:16 GMTThank you for a very well-written tutorial. Nowadays, many programmers choose React over Angular, even though Angular takes the first place in the list of JavaScript frameworks. But developers admit React is more convenient to use for many reasons (highlighted here in details: https://mobilunity.com/blog/migration-from-angular-to-react-developers/ ). First of all, React has much more simpler structure and less opinionated than Angular, thus, it is easier to learn and use React. Besides, React gives a lot of space for developers decisions and you could combine it with any other JS framework you wish.
]]>https://community.onsen.io/post/5671https://community.onsen.io/post/5671Tue, 26 Sep 2017 12:27:39 GMTAFAICS 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?)