Swizec Teller - a geek with a hatswizec.com

    The story behind React + D3v4

    347 days ago, I said something stupid.

    Here’s my crazy plan: I want to launch React+D3js ES6 v2 in the first week of October. This time as a free upgrade for current users.

    That did not happen. React+D3v4 launched in August, some 10 months later than originally planned and a full 8 months after the preorder promised it would land. And it isn't a free upgrade either; it's a completely different book now.

    But yes, it was September 2016, and I was being dumb. You can't rewrite a technical book in a month.

    Sure, I did write the first version in 2 weeks. Around a month to learn React, combine it with D3, make an app, launch.

    That was fun. Even made \\\$4,000 in its first month. Not bad for a 79-page book.

    At the end of that post, I had this idea 👇

    But the biggest experiment to try is seeing if I can turn this into a system. Learn a tech, write about tech, launch book, once a month or every two months. Produce enough income to live off of.

    That’s the ultimate experiment right there.

    That has not happened.

    I can't live off my books, and I definitely can't launch a new one every month. But I have been launching a new one every year, and I’ve made almost $80,000 in lifetime revenue on Gumroad. That's pretty cool, too.

    A lot of that revenue has gone to other authors during the React Indie Bundle sale. Around $35,000, I'd say, which still leaves almost $50,000 for me and my freelancers and tech toys and advertising and taxes. So many taxes.


    Fingers crossed I reach the $100k milestone this year 🤞

    Anyway, first version: Spring 2015, 79 pages, single example, happily doing sales at $9 a pop or something like that. That pricing was dumb, but you live and you learn.

    Second version came in Spring 2016. I think it landed around April or something. Improved code samples to use ES6, added a chapter on animation, rewrote most of the explanations. 117 pages, 2 project examples, always planned to make it better later.

    That one made 743 sales for a total of about $20,000. I was super happy about that as it was happening, not so much looking back.

    Imagine how well it would've done, if I knew everything I know now!? If I made the book better, if pricing was more aggressive, IF EVERY LITTLE THING WAS AS GOOD AS IT IS TODAY.

    Can you imagine? I would've been drowning in readers and fans and people suggesting improvements and making everything even betterer.


    Maybe this time! 🤞

    React+D3v4 is the best thing I've ever written [EDITOR’S NOTE: This is true]. 249 pages, 7 example projects, bonus chapter on React Native, learn basics in the browser, deep dive in the usual coding environment. Everything.

    It's not just me. Even my editor is saying great things! And not just because I'm paying him. Hell, test readers agree too. Everyone loves it.

    The examples in V4 are off the hook. No wonder it’s been so much work. You have really extended the learning process into fun, interactive projects. I was specifically trying to learn topojson and map visualizations! What a breeze!

    See. See!? I extended the learning process into fun, interactive projects. Exactly what I was going for 😁

    But here's the thing: I fear I'm too late. I fear everyone who's wanted to learn React already knows React. That everyone who wanted to build dataviz with React and D3 already knows how.

    I know on an intellectual level that new people step into JavaScript every day. That old people get new jobs with new challenges. I know that many people simply pick up new projects or decide to learn something new every day.

    A lot of people out there are learning JavaScript and figuring things out. More and more every day. Those are the people I can try to reach and lend a helping hand to.

    And maybe, just maybe, I can reach a stable level of making 2 or 3 sales per day by the end of this year. We'll see.

    Until then, researching and writing React+D3v4 has been fun. Now I gotta update my interactive ES6 cheatsheet.

    Peace. ✌️

    Did you enjoy this article?

    Published on August 22nd, 2017 in Business, Side Projects, sidehustle

    Learned something new?
    Want to become an expert?

    Here's how it works 👇

    Leave your email and I'll send you thoughtfully written emails every week about React, JavaScript, and your career. Lessons learned over 20 years in the industry working with companies ranging from tiny startups to Fortune5 behemoths.

    Join Swizec's Newsletter

    And get thoughtful letters 💌 on mindsets, tactics, and technical skills for your career. Real lessons from building production software. No bullshit.

    "Man, love your simple writing! Yours is the only newsletter I open and only blog that I give a fuck to read & scroll till the end. And wow always take away lessons with me. Inspiring! And very relatable. 👌"

    ~ Ashish Kumar

    Join over 14,000 engineers just like you already improving their careers with my letters, workshops, courses, and talks. ✌️

    Have a burning question that you think I can answer? I don't have all of the answers, but I have some! Hit me up on twitter or book a 30min ama for in-depth help.

    Ready to Stop copy pasting D3 examples and create data visualizations of your own?  Learn how to build scalable dataviz components your whole team can understand with React for Data Visualization

    Curious about Serverless and the modern backend? Check out Serverless Handbook, modern backend for the frontend engineer.

    Ready to learn how it all fits together and build a modern webapp from scratch? Learn how to launch a webapp and make your first 💰 on the side with ServerlessReact.Dev

    Want to brush up on your modern JavaScript syntax? Check out my interactive cheatsheet: es6cheatsheet.com

    By the way, just in case no one has told you it yet today: I love and appreciate you for who you are ❤️

    Created bySwizecwith ❤️