My greatest passions are building things and finding out how things work. Whether I&#8217;m building an app or learning about the intricacies of a modern-day feat of engineering, I&#8217;m always pushing myself to learn more.
When I&#8217;m not writing code, you&#8217;re most likely to find me reading about the daily advancements in blockchain, mentoring friends who are learning to code or spending time with my family.
<a href="/about">Read more about me</a>

I&#8217;m a <del>buidler</del> developer working on Blockchain at <a href="https://www.shopify.com/tokengated-commerce">Shopify</a>.

Hey, I'm Quinton.

I find it helpful to stick to a few guiding principles while working on front-end code. Here are my thoughts on how to keep your project clean, scalable, and team-friendly.

My Guide To a Clean + Scalable React Project

It&#8217;s been a while since I&#8217;ve provided an update on what kind of projects I&#8217;m working on. So let&#8217;s take a look at a project that I&#8217;ve been really excited about. With this project, I&#8217;ve been placing an emphasis on the user experience through proper animation, data structure, and a clean user interface. I won&#8217;t be explaining what this application is, nor its intent, only some of the things I&#8217;ve been working on within the project.

Real Estate Application

Hi friends. This will be a bit more of a lifestyle/productivity type of post rather than a coding-oriented one. If you know me, you know that I&#8217;ve recently moved to Chicago. Part of that move, and part of what I wanted, was floor-to-ceiling windows. However, the &#8220;dark mode is the only mode&#8221; part of me didn&#8217;t put a whole lot of thought process into that.

Light Mode + Dark Mode

Maybe you&#8217;ve seen my other post, Lazy Loading Images in React Native, or maybe you haven&#8217;t. Either way, check that post out for some back-story on how I ended up resulting in me creating a package for a component that I find myself using on every project. That package, of course, is rn-progressive-image.

React Native Progressive Image

I attempted to use Redux with Typescript quite some time ago and ran into some issues with some other packages I was using (namely redux-persist). It seems that package is becoming ransomware, despite there being a large community of users behind it. With that community of users, there are some how-tos of how to implement TypeScript, but I thought I would take the time to consolidate all of the information that I&#8217;ve found and put it in one spot in hopes to potentially help another developer in the future.

Redux, Persistence, & TypeScript

Long overdue, with other projects as the main focus, we made time to complete our new website. We had the chance to play with some new packages to tie this one together completely as well (more on that next). With the addition of a new graphic designer that brings in a fresh new outlook on BlindRobot, we put together something great. The new website showcases who we, BlindRobot, are as a professional studio offering a multitude of services. Scroll through the website and you will instantly see how hard we focused on our portfolio and clientele.

BlindRobot Website

It&#8217;s been two short weeks since the last post went live. I received some good traction and have made it a personal goal to continue to write about this project as the development continues. So in this post, I will detail what we&#8217;ve done over the past two weeks in three different areas: the dashboard app, mobile app, and microservices. But before I get to the unique applications, I want to talk about our biggest change over the past two weeks.