Kristijan Ristovki

Transcript from Friday April 19th, 2019

Kristijan Ristovki (@kitze), founder of React Academy, working on @twizzyapp, @sizzyapp, @jsui_app, and ok-google.io

# Q: With JSUI App, I was wondering if you had to deal with NPM package management or if its offloaded by some other task, I'm building an app in the browser that works a bit like CodeSandbox and needs to download npm packages how would you go about doing something like this safely within a browser? โ€“ lifeiscontent

A: Nope, JSUI it's just executing node and npm scripts under the hood, so it's not really similar to CodeSandbox. I know Ives has built some crazy stuff to deal with this (you can check out his article) https://hackernoon.com/how-we-make-npm-packages-work-in-the-browser-announcing-the-new-packager-6ce16aa4cee6.


# Q: What made you choose Google's Assistant instead of Alexa for the vast array of skills on ok-google. Alexa had a vastly superior app ecosystem already? โ€“ sprinting

A: I was using Android so I needed it for me. Honestly I make most of my projects because I personally need them and I think more people should do that because that's the only way you can be authentic when building something.


# Q: Redux or apollo or context api for state management? your personal choice! โ€“ rezaavoor

A: Context and hooks will take you far enough nowadays, so you don't need redux. Apollo state management requires tons of boilerplate and honestly it's a PITA to even change a single variable. I'm using mobx-state-tree for more complex parts of my apps. Observables ftw.


# Q: What was your inspiration for creating ok-google? โ€“ Kognise

A: I was frustrated that I had to look up these lists of commands that were usually posted on Reddit or a forum, and most of the time they were outdated. So I wanted to make a nice and final list .... which ironically is now outdated ๐Ÿ˜‚๏ธ.


# Q: Is it time I started teaching myself hooks as opposed to using classes? โ€“ omgitsgod

A: Yes. Especially if you're using tons of lifecycle methods. You can neatly abstract everything away in couple of useEffect(s) and the code becomes way easier to read/write.


# Q: What are some ways JSUI improves a developer's workflow over using the command-line? Do you use it more or less often than the command-line? โ€“ Kognise

A: I'm rarely using the command line, for some very weird things that JSUI doesn't support (like docker). JSUI makes my DX way better because I can be way faster with it. For example I can easily navigate to a project, open it, copy few files, paste them to my current project, etc. Also JSUI's terminal is not as powerful as iTerm etc. but IMO it does some things better. One day I'll push a new version ... one day.

Oh god did I tap myself on the back with that one "MY APPS ARE GOOD GUISE TRUST ME".


# Q: Did you get the Google t-shirt/ Home combo for the skills? ๐Ÿ˜ฎ โ€“ sprinting

A: I got shit. I talked to Google for some sponsorship but they were just telling me to email this different person which told me to email another person which told me to email another person and I was like fuck it I'll just use Siri.


# Q: What's the thing that you're most hyped about now? React or not! โ€“ BTM

A: Code wise: I'm waiting for some magical mobx + graphql state management solution for the client, there's some discussion going on here: https://github.com/mobxjs/mobx-state-tree/issues/1148#issuecomment-465538450

Non code: THE OCULUS QUEST. I can't wait.


# Q: If you've heard of it, what are your opinions on Svelte and how do you think it compares to React? If not, please ignore. ๐Ÿ˜› โ€“ Kognise

A: I've heard of it but I'm not interested because I cannot switch my mindset from JSX to HTML. No matter what the benefits are it's gonna be a huge backwards step in DX for me.


# Q: I recon you been praising mobx-state-tree on twitter earlier as well. For someone who finds the docs lacking of more "complex" examples in, let's say, a real world app - do you have any good pointers for read / OSS? โ€“ Beazt

A: Ah to be honest I haven't even read the full docs. Have you watched Michel's course on egghead? I'm just writing my apps and peeking at the docs (or spamming Michel in his DMs) when I stumble upon a roadblock. I'm not using any super-advanced features from MST so maybe I'm even missing something.


# Q: Love your videos. Is your hotel room door closed now? โ€“ Gabbo

A: Thanks! ๐Ÿ˜„ I'm just working on the new vlog and there's a scene where I'm checking the door twice ๐Ÿ˜‚๏ธ.


# Q: You mentioned earlier how โ€œcontext and hooks will take you far enough nowadaysโ€, what use case(s) would you use Redux for? โ€“ Brady.

A: As I said, I'm not using Redux anymore. When you get used to the observable model in MobX and mobx-state-tree, writing Redux feels like writing jQuery... I'm using MST when I have some complex models, for example I have a "CalendarPlanner" component that has ~600 lines of mobx-state-tree code. If I wanted to write that with hooks and context it would be a major PITA.


# Q: When will we see a kitze vs kenwheeler arm wrestle? โ€“ ecmaplasm

A: Why would you watch a video that lasts 0.2 seconds.


# Q: Just tried your Sizzy app for my localhost project. It's not SSL enabled. The moment I entered http://localhost:3007/ , it went into infinite loading. Means its loading again and again. โ€“ puspen

A: Stay tuned, an interesting release is coming soon (DM me if you want to test).

Follow-up: Thanks. DM you where? Discord?

Twitter is better, my DMs are open https://twitter.com/thekitze.


# Q: There are multiple ways to make money as a software engineer: employment, freelancing, contracting, consulting, workshops, selling things online, building a business, etc. How's your thought process on the subject to choose which one of these to do? โ€“ Bruno Lemos

A: I just rolled with the flow. I started with a normal dev job, then saw that freelancing can bring you 10x more money, then worked as a freelancer for ~1 year, then saw that doing workshops is super-interesting and can also bring you more money, and now I'm just jumping to the next thing that's exciting, challenging, and can bring more money: which is SaaS products. I love teaching people, and I'll keep doing it, but sometimes it gets repetitive and boring, and the business doesn't scale as well as a SaaS. Also building actual apps is way more challenging than just teaching the same material over and over again.

Hopefully this answers the question?


# Q: What's the coolest tech thing you've done recently? (or coolest thing period!) โ€“ Iggytoad

A: Uhm I guess https://twizzy.app/.


# Q: Do you plan sharing some $tats of your Twizzy app? ๐Ÿ˜› โ€“ Bruno Lemos

A: Lol people think I made a fortune out of this app, but it made less than 600 euros overall.


# Q: Considering you not being by birth genius, how much time, efforts did it take to become who you are today? โ€“ puspen

# Q: What is the roadmap to become you? โ€“ FastCoding000

A: As I said before, all of the apps I have released were just a solution to my own problem. I think more people should just sit down and think what problems do they have, and try to solve them with software. Even if an app seems like a stupid idea at first, you'll soon figure out that other people have that problem and you can sell it to them, and improve it together.


# Q: Do you have any recommendations for coming up with interesting ideas for OSS? I know you previously mentioned it should be software that you would personally use, but Iโ€™m still having a hard time coming up with useful software that other people will actually use. โ€“ Brady.

A: Same like with my apps, the things that I have open sourced are just solutions for my problems. I cannot come up with an interesting OSS idea out of the blue. Just solve one of your problems and open source the solution ๐Ÿ˜ƒ.


# Q: You mentioned you bring in 10x more money doing freelancing. Could you be more specific? I know if varies per client/project etc, but how much do you charge for things like that? And for the teaching of courses, do you charge a flat fee or per seat? โ€“ foo

A: Nah, the first job that I had paid very bad. So jumping to freelancing and working from some European clients was a big shift from me (hence 10x). When I got used to it I was just increasing my rate every few weeks or so. About charging, it really depends. Sometimes it's per seat, and sometimes a flat fee, it really depends on the company/conference we're organising the workshop with.


# Q: Please from your answer to @Bruno Lemos question, are there any free learning resources from you one can make use of? โ€“ shinyuy

A: The workshops that I'm doing (https://reactacademy.io/) are in-person only, for companies and conferences, but I'm gonna release an online version of them soon.

But I started documenting my journey on https://youtube.com/kitze (conferences, traveling, speaking, ideas etc.) so you can expect more content there.

๐Ÿ‘† the description of the channel is a lie ๐Ÿ˜‚๏ธ.


# Q: You have a great number of followers on twitter. Is that something you do on purpose (building an audience)? Which opportunities has this bring to you? โ€“ Bruno Lemos

A: Most of them are fake I bought them from Russia.

Lol on a serious note I have no idea how to get followers. I just tweet a mix of helpful and funny things I guess it works ๐Ÿคทโ€โ™‚๏ธ.


# Q: When do you reach for mobx-state-tree vs plain mobx? ๐Ÿ˜„ โ€“ spion

A: Good question, I'm only using MST nowadays because it gives me structure for the store and it allows me to access the parent/root state without any hacks. How about you? ๐Ÿ˜„

Follow-up: Plain mobx, state-tree still feels too opinionated ๐Ÿ˜ƒ.

That's also true. I'm keeping my eye on https://overmindjs.org/ and I want to try it for a project.


# Q: Possibly unrelated, but are there any plans for a React Academy in Dallas any time soon? ๐Ÿ˜› โ€“ yeehaw

A: I haven't done a workshop in the USA yet (too far tbh) there's a bigger chance that I'll release the online version first.


# Q: What's the most powerful thing in react, in your opinion? ๐Ÿ˜ƒ โ€“ James J

A: Currently: the useEffect hook, it's amazing.


# Q: What do you think of Ken's React in Canvas thingy he did some time back? โ€“ sprinting

A: I can't wait for him to save us from the hell that's the DOM.


# Q: Do you think ReactN or a similar approach will replace Redux in the near future? โ€“ zeferinix

A: What the hell is ReactN. I've never heard of ReactN but I'll check it out after this ama.


# Q: You seem to workout regularly. How's your work-life balance? โ€“ Bruno Lemos

A: I'm trying to work out 6/7 days of the week. It's just a habit by now. I was using this challenge 2 years ago: https://medium.com/@kitze/how-i-tricked-my-brain-into-working-out-24-times-in-30-days-64010244dd14.

I'm using https://www.dejal.com/timeout/ to force me to take breaks from the computer every 40 minutes because otherwise I can sit down for hours which is terrible both for the back and for the mind/concentration.

If you're a dev trying to get in shape, join our slack: https://bit.ly/twitter-workouts.


# Q: Which podcasts have you been listening to? Which ones you recommend? โ€“ Bruno Lemos

A: I'm completely hooked to Bill Burr's "Monday Morning Podcast" which is a comedy but I've listened to every single episode and I'm laughing my ass off. The dude's bananas. I also like JRE and Kevin Rose (and have 12 other ones that everyone listens to but I just ignore).

Kevin Rose's podcast is underrated IMO. I like it way more than Tim Ferris. It's just a shame he doesn't post that often https://www.kevinrose.com/.


# Q: How did you get such a cool name? I want one please ๐Ÿ˜ƒ. โ€“ Gabe

A: ebay.de


# Q: Can i be on the vlog. Just kidding ๐Ÿ˜„ maybe when I go to Europe. โ€“ Bruno Lemos

A: Waiting for you to come to Europe ๐Ÿ˜„.


# Q: Best Sushi in Gdansk, where? โ€“ BTM

A: Koko Sushi ๐Ÿคทโ€โ™€๏ธ.