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
- Just Javascript, you don't need XCode or Android Studio.
- Easier deployment workflow
Cons
- You don't have native support if you need (Swift/Java).
- Expo is not up to date with latest react-native releases.
Navigation
+
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.