Building a Product Live on YouTube

Building a Product Live on YouTube

Recently, I created a premium iOS and Android starter kit named Elements. The design is from Sketch Elements and the development was done with React Native. And most of it was done live on YouTube. Below is how the finished product looks like.

It started with a simple premise: even if no one watches the video, it would still be more productive to write code in a focused environment, explaining thoughts out loud, not checking Facebook. As it turns out, this experiment had some unexpected benefits as well. 

The videos available on my YouTube channel are live streams from the coding sessions that went into building the product. This is why the production quality is so low, these video were made with no extra cost in the development process.

Not everything was recorded live. Some tasks were requiring some research as well as trial and error. Other tasks felt simply too boring to be shared, for instance when writing sample datasets. I would usually do these things offline and then share the solution at the beginning of the next video or write a medium story on that topic.  For example, building Instagram-like photo filters required some investigation and learning. Once the feature was built offline, I published a wrap-up video and a Medium story on that topic.

Surprisingly, people started subscribing to the channel and made comments that showed an astonishing level of attention to the content that was published.

Pre and post-sales benefits

These videos have helped promote the finished product. In fact, people started to ask how they could buy the kit even before it was finished. Forty copies were sold before the first release. This wouldn't have happened with an opaque development process.

Many developers have mistrust for templates and starter kits, as they should: I have a lot of mistrust for them too. By making the internals of the products transparent via video, people can get a good feel for what they are actually buying. They also get to see the thoughts that went into some of the architectural decisions around the codebase.

Another unforeseen side-effect is how much these videos have helped with support. I quickly realized that half of the support questions could be simply answered by pointing to the right video at the right part.

Giving back

Building this product was only possible because of an incredibly rich ecosystem. Technologies like React and Expo have vibrant communities around them and have absolutely changed the economics of building and publishing mobile apps. These innovations are exciting and beg the question: how do you contribute back?

Based on the feedback received, these videos seem to also help developers that aren't customers of the UI kit. Amazingly enough, this small contribution to the community has a cost of zero: the work needs to be done whether you record it or not. I also try to contribute back via open source packages and Medium stories but the YouTube channel absolutely requires no effort. 

Doing it internally?

Live coding sessions don't necessarily need to be done on YouTube. These recordings are an interesting type of documentation and can be done privately within an organization. You can go back in time and get a sense of what the developer was thinking when he wrote a particular piece of code. There might be great value for an engineering team to live-stream their work. For instance, recordings can be used later on by a new team member to understand the codebase of the project. I've never heard about such practice in software engineering teams, has it been done already?

The first step is the hardest

Looking back, I should have adopted this practice much earlier. It's very hard to put yourself out there and it took a lot of time to dare to do it. It's especially hard when the production quality is low. I am looking to provide a better experience to my subscribers in the future. However, I don't want to use this as an excuse to not publish anything.

I'm looking forward to reading your thoughts on this.

要查看或添加评论,请登录

William Candillon的更多文章

  • React Native Gestures & Animations: you only have 16ms to render everything

    React Native Gestures & Animations: you only have 16ms to render everything

    The default Gesture and Animation APIs from React Native have some small declarative parts but they are mostly…

    1 条评论
  • "Can it be done in React Native?"?-?a case for declarative gestures and animations

    "Can it be done in React Native?"?-?a case for declarative gestures and animations

    Not long after starting React Native development, I started to look at the apps on my phone in a very different way…

  • React Native Do with Firebase Integration

    React Native Do with Firebase Integration

    Since its release, the React Native Do starter kit has gained substantial traction and it was time to provide new…

  • Responsive UIs in React Native

    Responsive UIs in React Native

    Recently, I published a premium starter kit for RN named React Native DO. Like many React Native apps on the market…

  • The 80/20 of React Native

    The 80/20 of React Native

    When building a React Native app, what twenty percent of your effort brings eighty percent of the result? After…

  • Building a Fitness App with React Native

    Building a Fitness App with React Native

    I am an avid user of apps like Freeletics and Headspace which target the fitness of the body and mind. These apps have…

  • React Native Push Notifications with Firebase

    React Native Push Notifications with Firebase

    Last week, Swizec Teller wrote an fantastic tutorial on adding push notifications to your React Native app using Cloud…

    1 条评论
  • Writing Cloud Functions with Typescript

    Writing Cloud Functions with Typescript

    Serverless architectures are awesome and I recently started to use Cloud Functions (via Firebase). Immediately, I…

    1 条评论
  • Firebase Schema Evolution

    Firebase Schema Evolution

    Schema evolution is a natural part of your application lifecycle. Firebase is my go-to backend for web and mobile…

  • Image Pipeline with React Native ListView

    Image Pipeline with React Native ListView

    In mobile apps, scrolling through a list of images is a very common use case for which users have high expectations. In…

社区洞察

其他会员也浏览了