How do you structure an app with multiple themes? What if these themes are inside another theme? A recent project came with some big challenges. The client wanted a demo experience that would display a range of different websites within a branded ‘container’.
A recent project came with some big challenges. The client wanted a demo experience that would display a range of different websites within a branded ‘container’. These demo websites would be interactive within a mock desktop or mobile device, each with its own individual theme. In this article, I will dive deeper into:
This was challenging enough, but on top of this, we needed to give the user the ability to toggle between the mocked ‘desktop’ display and ‘mobile’ display modes, all within this static container, without using media queries. I will address this challenge in a follow up article.
Here are two illustrations of what we produced:
The first step here was figuring out how many themes we were going to need, and secondly, how to set up these themes. It was crucial that we set this up correctly from the beginning, to save us a lot of grief in the long run.
Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.
Making the night dark on the web! I am pretty sure that a lot of people, including me, are huge fans of color theming. Although every single device that I own is set to the dark mode I love that feeling of being able to choose rather than being forced to use that bright white theme at the 3:48 AM day before the release.
Have you ever wanted to build Trello-like drag & drop board? This tutorial will show you how to do it using React, TypeScript & styled-components.
This package makes creating styled components quick and easy.