The problem with UI frameworks these days is that they are difficult to maintain. First install everything is working, but after you update it, some components are already throwing errors about unknown props or deprecated methods, etc. That’s so frustrating. My goal in this project is to utilize 100% React Native components without having to rely on external plugins, this way we can have a future proof code that requires minimal to zero maintenance.
- Designed using 100% React Native styling, no external UI frameworks used – when I started building this project, I wanted to create amazing designs without relying on UI frameworks I feel UI Frameworks are slower and harder to maintain, that’s why I ended up building my own styles from scratch.
- The styles are coded inline to the element, which is a lot easier to modify – most examples on the internet use array variables for storing element styles, while it is a good practice but most people find very hard to modify them, so my solution is to stick to the traditional way of styling elements – inline styling.
- Utilizes Expo Icons – expo basically has a huge library of icons which includes: Ionicons, Material Icons, Font Awesome, etc, refer to the full list here: https://expo.github.io/vector-icons/
- Minimal external plugins – as much as possible I try to build everything from scratch for better performance. For this app I only installed 2 plugins: react-navigation and react-native-swiper . That’s all.
- What you see is what you get.
- Fully tested on Android and iOS devices.
- Utilizes Walmart free API for rendering test items.
- Fully functional Cart and Checkout pages
- Fully functional Search page.
- Static user dashboard page and notifications page
- Utilizes React Navigation for routing.
- Uses basic state management.