React Native

Proof of Concepts

Setup

There are two different approaches to create a react-native project: 

Expo is a free and open source toolchain built around React Native to help you build native iOS and Android projects using JavaScript and React.

Pros

1. Just Javascript, you don't need XCode or Android Studio. 
2. Easier deployment workflow

Cons

1. You don't have native support if you need (Swift/Java).
2. Expo is not up to date with latest react-native releases.

Navigation

React-Navigation

React-Native Navigation

Native Navigation

React-Navigation

+

Plain react-native

Conclusion

React Native is definitely an amazing framework for mobile solutions.

During the project setup no native code was used or required and the workflow was like a normal react web project.

Demo

React Responsive

Proof of Concepts

React Responsive is a library that uses media query to show up elements based on the window size

What is a Media Query?

Media query is a CSS technique introduced in CSS3.

It uses the @media rule to include a block of CSS properties only if a certain condition is true.

Conclusion

So far I've made totally responsive the login page, sidebar, client list, client overview and client manage pages.

Using react-responsive this workflow is very straightforward and I believe that in probably 2 to 3 weeks the whole app can be converted to be fully responsive.

Demo