Youtube comments of (@Fireship).

  1. Should I do a tech recap video like this every month?
    15000
  2. buy my react course
    13000
  3. Or just build a todo list.
    5000
  4. OMG! How do you change the title of a YouTube video?
    4800
  5. jk, java is actually pretty good ๐Ÿ‘‰ https://youtu.be/l9AzO1FMgM8
    4100
  6. We're hitting 2M subscribers today! This is video is my gift to you
    3000
  7. ๐Ÿšจ Update: Epic was unbanned after agreeing to no more mean tweets.
    2900
  8. Well this is a firstโ€ฆ The details surrounding this topic are way more bizarre than I expected, so I decided to reupload this video with some minor changes. Nobody forced me to do this, I have not been harmed. My mission is to teach programming and we donโ€™t need distractions that could affect that. Also, sometimes I make jokes and for that I am deeply sorry. Remember to eat at McDonalds guys.
    2800
  9. It's 192 seconds, which based on the official rules is allowed. Here is mathematical JavaScript proof: "Math.floor(video_length / 100) * 100".
    2600
  10. I don't depend on sponsors thanks to you. Support my content for life, get a free t-shirt https://fireship.io/pro
    2500
  11. You'd have to be a real degenerate lowlife to click the star button in the top right corner of this repo https://github.com/opentffoundation/manifesto
    2500
  12. Correction: GPT-4 will not have 100T parameters. The exact number is not known, but apparently this number is just an Internet rumor.
    2500
  13. plz bro, try YouTube Premium for free https://youtube.com/premium?cc=fireship
    2400
  14. Correction: Spark is written in Scala, not its abusive stepfather Java.
    2000
  15. For those asking, the Toshimichi exploit was simple. My Pocketbase update rule failed to match the auth request userID to the existing message userID, thus allowing any to user modify the content of any message, whoops
    1800
  16. This video went a little long, use the timestamps to skip the directories you already know
    1800
  17. Thank you for hitting that subscribe button! You seriously changed my life in a hugely positive way. Can't wait to see where we go next...
    1700
  18. I knew that would get called out, but did not expect it so quickly
    1600
  19. Shoutout to Nvidia for hooking me up with an RTX4090 to run the code in this video, get the CUDA toolkit here https://nvda.ws/3SF2OCU
    1500
  20. ๐Ÿคฏ WINNER! Well done. Send me an email or slack DM with your t-shirt size and mailing address.
    1400
  21. That's why I can offer this amazing deal
    1300
  22. The shorter the video, the more elegant the framework ;)
    1200
  23. Good call, thanks for the correction.
    1200
  24. ๐ŸšจUpdate... Yuzu is done. Nintendo won. Repo, patreon, website, all gone.
    1100
  25. Deploying on a Friday, what could possibly go wrong? https://vocalize.cloud
    1100
  26. Good call, thanks for the correction
    1000
  27. In a few weeks, we'll build a real IoT prototype with the RPi and Firebase. Suggestions welcome!
    1000
  28. Stay tuned for "Beyond SVG" in a few days... You can do amazing things with SVG from a design perspective.
    992
  29. Shout out to JetBrains for making this video possible! Try out their amazing IDEs for free https://jb.gg/Get_JetBrains_IDEs
    990
  30. So I reached out to MongoDB before making this video and they gave me $200K worth of cloud credits to share with everybody ๐Ÿคฏ๐Ÿ’ฐ Use FIRESHIP200 to get a $200 credit on Atlas https://bit.ly/3rbFIpG
    976
  31. Things have really come full circle, haha.
    971
  32. Thereโ€™s a ton of hype around Deno right now (which is an awesome thing), but be careful jumping on the hottest new trend of the week. If you want to get shit done today, learn Node.
    948
  33. Do you want to see more videos with a technical "interview prep" focus? Usually I cover practical projects, so curious to know what you think...
    937
  34. And we didn't even cover 25% of AWS
    906
  35. This was one of the most difficult videos to make, started about 2 months ago.
    885
  36. Are you subscribed ๐Ÿ‘ yet? If not, how dare you!
    885
  37. Feels good to be back!
    871
  38. Shoutout to Cybergem for giving me permission to use the video at the end, watch the full version here https://youtu.be/-gGLvg0n-uY
    868
  39. You can use other people's bugs, or create your own from scratch.
    848
  40. this
    833
  41. I like big backends and I cannot lie (especially when they're open-source and TS-based). Try Convex for free https://cvx.so/fireship
    833
  42. Please invest. This is financial advice: https://github.com/codediodeio/rektor-db
    821
  43. *correction a cross-origin image fetched with an <img> tag is not subject to CORS, it to comes into play with HTTP calls from scripts, ie fetch() or XMLHttpRequest
    776
  44. ๐Ÿ˜‰๐Ÿ˜‰
    770
  45. Because this video is 100% serious!
    761
  46. Degenerative AIโ€ฆ The recent failures of "artificial intelligence" tech: https://youtu.be/krixaEhLnlA
    751
  47. Subscribe to my walled garden of content ๐ŸŽ
    740
  48. Donโ€™t end up in jail broโ€ฆ Learn how to accept payments legally in my new course https://fireship.io/courses/stripe-saas
    739
  49. Just making sure this video stays relevant in the future ;)
    719
  50. What's funny is I made this video weeks ago to flex I got sponsored by YouTube. The Elon tweet was just the cherry on top
    719
  51. If you're into memes and shitposts follow me on twitter https://twitter.com/fireship_dev
    713
  52. The await is over! The async/await video I promised is here https://youtu.be/vn3tm0quoqE
    705
  53. I'm very meta
    661
  54. Deno just hit v1.0.0-rc1. I have to say it's awesome to write scripts with TS support out-of-the-box. What do you think?
    643
  55. Autopilots didn't put an end to airplane pilots, so we might be OK.
    637
  56. We blew through 10K likes in no time ๐Ÿคฏ What is a challenging UI you'd like to see implemented with Tailwind?
    632
  57. I thought I knew Redis, but I was wrong. Setup a database, then download Redis Insight and you'll see why https://bit.ly/3wnVsXA. Stay tuned for a full tutorial where we really put it to the test.
    609
  58. The background job is on a 5 minute interval, so it won't be very accurate. It should become more accurate as the video gets more views.
    603
  59. Please don't build ransomware. Instead, learn how to use Rust and JS for good https://daily.dev/w/fireship
    601
  60. Why r u still writing code by hand like a caveman? Try DevGPT for free https://devgpt.com/?utm_source=fireship
    554
  61. I agree. I actually talked about that in a past video.
    552
  62. Sorry for making this one soo long, here are the timestamps if you want to jump ahead! 0:09 Initialize a git repo 0:33 Stage files 0:39 Commit a snapshot 1:12 Branch off into an alternate universe 1:30 Merge a branch into master
    551
  63. I donโ€™t work with sponsors often, but AstraDB is an awesome product that makes Cassandra fun (and free) http://astra.dev/cass100sec
    546
  64. It's only a "hint" for the browser to grab the HTML when idle. There's also an option to disable it. Maybe I should add tensorflow.js and predict where the user will click
    538
  65. ย @totallyrandom4664ย  honor system, I trust you guys
    528
  66. I left out the code that caused the seg fault, it was an intentional joke
    527
  67. Haha, according to Ryan Dahl, Node is basically unfix-able because of all the legacy stuff it needs to support.
    493
  68. Docker Desktop makes everything so much easier, get it here https://dockr.ly/4c9PYp9
    482
  69. I've mentioned Codeium in past videos (unsponsored) and tbh it's crazy this tool is free https://codeium.com/?referrer=fireship
    474
  70. Sorry for dragging this one out to 104 seconds ๐Ÿ˜ž
    471
  71. UPDATE. New and improved VS Code pro tips ๐Ÿ‘‰ here https://youtu.be/u21W_tfPVrY An effective IDE is one of the most important factors for developer productivity (and happiness). Here are ten ways to maximize the value of VS Code. Please post your tips in the comments.
    461
  72. Oops, good thing Lua is on the list
    460
  73. Here's something you won't regret... Finding the best dev content everyday ๐Ÿ‘‰ https://daily.dev/fireship
    445
  74. That was quick! Email me from this account at hello@fireship.io with your size & shipping details.
    444
  75. Somebody get a hold of him on Twitter. I'd be honored to pin a good ben awad joke to this video.
    439
  76. Have you ever burned money in the cloud? Please, do tell ๐Ÿ‘‡
    438
  77. ๐Ÿšจ Warning ๐Ÿšจ. This video makes an attempt at sarcasm in the first 60 seconds. Watch the chat replay above for the full experience
    433
  78. Seriously check out Grafbase, itโ€™s an awesome API stitching alternative to Hasura or AppSync https://grafbase.com
    428
  79. August will be even crazier... Stay up to date here https://daily.dev/w/fireship
    422
  80. He also doesn't seem to understand Angular ;)
    416
  81. sorry we're only looking for people with 12 years of Qwik experience
    398
  82. You build it, I'll make a video about it
    398
  83. Level up to god-tier HTML programming next ๐ŸŒฉ๐Ÿ‘‰ https://youtu.be/ZtyMdRzvi0w
    383
  84. Neo4j is the gold standard for graph databases. Try out their awesome new serverless AuraDB for free https://bit.ly/3Jcl6bO
    373
  85. Let's just pretend the audio issues in this video were meant to add extra suspense ๐Ÿ‘ป ยฏ\_(ใƒ„)_/ยฏ
    369
  86. First Vue video on this channel, upvote if you want to see me Vue content & comment with your topic suggestions!
    365
  87. You've been missing out, probably the best thing in this video.
    362
  88. Obviously CSS Grid is up next! Stay tuned for it next week. UPDATE - It has arrived https://youtu.be/uuOXPWCh-6o
    362
  89. Personally, I don't hate react at all. It has the best set of tradeoffs for many projects.
    358
  90. Does your app need authentication? Check out Clerk - their platform is super impressive https://clerk.com
    358
  91. Neon has been my goto Postgres host recently. Get a free database here https://bit.ly/neon-fireship
    352
  92. The full JavaScript course is liveโ€ฆ And use code BLACKFIRE to lock-in a 40% discount on a PRO membership forever! (expires Nov 30) https://fireship.io/courses/js
    352
  93. People always tell me my videos are too long and slow ๐Ÿ˜‰ so I decided make a short and quick series called "100 Seconds of Code". Please like and comment if you want to see more!
    344
  94. FYI this video was a "Premiere" so make sure to check out the live chat replay for the full experience ๐Ÿฟ
    338
  95. Firebase or Supabase? Why not learn both https://fireship.io/courses
    338
  96. Thanks Gary. They are supported natively on most systems now so you can copy them from Emojipedia, or use them on the web with a utf8 meta tag.
    325
  97. I was thinking about something similar, but with Rust.
    322
  98. This was a fun demo, BUT apparently building twitter bots with OpenAI is NOT allowed, just a heads up before someone gets hurt ๐Ÿ’€ https://www.youtube.com/post/UgkxI30KUEX5vd4d_xxL-gw7vBHo1w_1qBEj
    319
  99. Agree 100%. Never name your product after the popular tech or buzz words of the current era.
    318
  100. Also checkout Vue.js in 100 Seconds https://youtu.be/nhBVL41-_Cw and stay tuned for a JS "framework" video tomorrow :)
    306
  101. Twitter's video platform is getting good, follow me there for moar https://twitter.com/fireship_dev
    305
  102. Music is too loud ๐Ÿ“ข Sorry about that. Happy holidays everybody and let me know what you're excited about looking into 2019 ๐Ÿ”ฎ
    301
  103. This is the longest YouTube video I have ever made ๐Ÿ˜…. Putting together 100 tips was a challenge, but I'm sure there are plenty I missed...
    301
  104. Thanks for the clarification, that's an important detail.
    295
  105. Ha! It was only supposed to take 100 seconds to learn.
    294
  106. Stayed tuned for a long-format Electron โšก video in a few days where we'll build & distribute a more complex desktop app. Suggestions are welcome!
    291
  107. They do actually, but it's not as simple as it should be. I talk about it in the video :)
    289
  108. Thereโ€™s more to this storyโ€ฆ Go beyond https://youtu.be/LCAIkx1p1k0
    289
  109. Rules are made to be broken
    287
  110. Congrats, you're an officially certified React developer ๐ŸŒŸ
    283
  111. You're right, they are convenience methods because you often only need to solve one problem when looping, should have made the performance part a little more clear.
    280
  112. Lol, never heard of it ;)
    277
  113. I mean I wouldn't recommend it for most things, but it's possible. Working on a long SVG vid now :)
    271
  114. ๐Ÿ† WINNER! That was quick, send me an email from this account with your size/mailing details.
    265
  115. Rolling out your own CI/CD pipeline is easier then you might think and can be a huge productivity boost. Stay tuned for a full DevOps tutorial. UPDATE ๐Ÿ‘‰ https://youtu.be/eB0nUzAI7M8
    265
  116. Try out the full course for free, then use code LINUX30 to take 30% off if you upgrade https://fireship.io/courses/linux
    264
  117. Well this got awkward all of a sudden
    263
  118. Gotta keep up with that inflation
    260
  119. FWIW Canonical helped develop WSL. It's a good thing for the Linux world, much easier for windows people to take advantage of it.
    260
  120. You donโ€™t need a fancy vector database to build AI or RAG apps. Just use pgai with Postgres https://tsdb.co/ts-fireship-da
    258
  121. Hereโ€™s your $100 stimulus check, go break something (must be used in 60 days) https://www.linode.com/fireship
    256
  122. I promise to reject any "premiere" videos in the future. Sorry to keep you awaiting!
    252
  123. Find out if you won a free T-shirt, plus 3 more free tips ๐Ÿ‘‰ https://youtu.be/JSURzPQnkl0
    246
  124. Just deployed today, will post an update soon.
    244
  125. Once in a lifetime opportunity https://bit.ly/3i6z1BB
    240
  126. Grid is not easy to summarize in 100 seconds, so stay tuned for a cool CSS project next week! UPDATE, full grid tutorial here ๐Ÿ‘‰ https://youtu.be/705XCEruZFs
    239
  127. I am thinking about making a "basic training" series like this for other topics - if people want it...
    223
  128. I made the mistake of posting this video on April Fools Day, or maybe that was my plan all along ๐Ÿ˜‰ Just to be clear, this is 100% real.
    222
  129. Watch Episode Two JavaScript: How It's Made ๐Ÿ“ผ๐Ÿ‘‰ https://youtu.be/FSs_JYwnAdI
    221
  130. If you like getting stuff shipped, then you'll love SvelteKit. Try it out in the full course https://fireship.io/courses/sveltekit
    218
  131. Totally, I welcome it 100% especially when it's well-written like this. The feedback I get here is the single most important tool for improving the content.
    216
  132. Thanks for the input! This has been an interesting experiment, PB was dealing with nearly 1M requests per hour earlier. I'll probably make a quick follow up on my second channel.
    215
  133. The next person who makes a pun gets banned (no pun intended)
    214
  134. Take this free $100 credit to play with Ansible on your own servers https://linode.com/fireship
    213
  135. Good call, v2 is the one to use.
    212
  136. Good morning recruits! I'm finally happy announce the new FlutterFire v2 course is live! Use this code to take 30% off a PRO membership ibTd664q https://fireship.io/courses/flutter-firebase/
    210
  137. I asked Sanity to hook up some free stuff for this video... They made a custom ๐Ÿ’ช boosted free plan ๐Ÿ‘‰ https://sanity.io/fireship
    203
  138. I identify as a precog
    202
  139. That's because the traditional definition of vectors in geometry does not apply here. A vector in an embedding is literally just an array of numbers that represent an object. Similar objects have similar vector representations. Explaining it like a mathematician would add unnecessary confusion.
    201
  140. Try it out and let me know what you think... https://codux.hopp.to/fireship
    187
  141. Noted!
    187
  142. If you want to see TS in action, upgrade to Fireship PRO with this 40% off code (ends Nov 30th): mbus5Kcj https://fireship.io/pro
    186
  143. If you wanna go beyond the basics, Iโ€™ll be spitting more fire on my new channel https://www.youtube.com/channel/UC2Xd-TjJByJyK2w1zNwY0zQ
    185
  144. It's ok, async-await is the best place for bad jokes :)
    184
  145. We'll get there eventually...
    182
  146. Make sure to check out Patrick's course, I learned at bunch of cool tricks from it https://bit.ly/3anaaFh
    182
  147. I'm saving that topic for a full-length video
    182
  148. ๐ŸŽ‰ T-Shirt WINNER! Thanks for the awesome tip. Reach out via email or slack with your mailing address and size. Also, your comment will be featured in the next short :)
    182
  149. It wasn't "replaced", platforms (famously iOS) just refused to support it. In fact, it died a slow painful death for about a decade and is still technically in zombie mode until Dec 31, 2020.
    178
  150. that can't be true can it?
    178
  151. Most underrated framework out there
    178
  152. Someday, I've been slowly learning Rust for the past 2 years.
    176
  153. Appwrite has a free-tier and is self-hostable, but here's $50 in helicopter money for the pro plan: https://apwr.dev/fireship50
    174
  154. This is a family friendly program
    173
  155. Iโ€™ve used Auth0 in several projects and nothing comes close when you need advanced auth features. Hereโ€™s 7,000 free users to get started https://bit.ly/3peoMQ4
    169
  156. same
    168
  157. Thanks for noticing :)
    167
  158. RxJS has really helped me level-up as a JS dev, but I always feel like there's more to learn. BTW, I used zero-config webpack and plain JS to run the code. Source code is in the video description.
    167
  159. I have a variety of linux videos planned, too much to cover in just 1 video.
    165
  160. Lost time is never found again... Self-host or try Timescale Cloud for free here: https://tsdb.co/ts-fireship
    164
  161. It's public info. Celebs like to choose special tail numbers, like N236MJ for Michael Jordan.
    164
  162. Try all the NIMs for free right now in the playground https://nvda.ws/4avifod
    163
  163. Good point, thank you
    163
  164. Just take a look at my early work, I didn't start out with any video skill.
    162
  165. soon...
    161
  166. Good point, "unique as possible" would have been a better phrasing.
    160
  167. I like that idea ๐Ÿค”
    156
  168. ย @peterlenjo7196ย  https://youtu.be/qV4EzzQFgEg?t=148
    156
  169. My bad, sorry Vue. I corrected the original tweet over a year ago, but used the wrong screenshot in the video
    155
  170. Wanna go deeper? Get 40% off my full JS course all week with code CYBERFIRE https://fireship.io/courses/js/
    154
  171. Sorry to keep you waiting, please grab a free sticker in the meantime. EDIT sold out!
    153
  172. Shoutout to Bright Data for making this video possible, they have the best tools if you're serious about scraping data https://brdta.com/fireship
    152
  173. Hey everybody. Just in case you missed to the point... NEVER ship a Firebase app without solid rules in place first!
    152
  174. Maybe in a perfect world "Just use Linux", but if you need Windows then WSL is amazing! Oh, and Macs are pretty cool too! BEST is just an opinion.
    151
  175. More on the way. I'm working on ideas for an RPi prototype with Firebase.
    151
  176. Point taken. I've used recursion in some real-world examples in past videos. It's hard to find minimal examples that don't get bogged down with other implementation details.
    150
  177. This is a pretty crazy offer from Redis Enterprise Cloudโ€ฆ $200 in free credits, plus someone is gonna win a Tesla ๐ŸŽ๏ธ https://redis.info/fireship200
    148
  178. Building an app? PostHog is a better way to make it better https://posthog.com/fireship
    148
  179. That's awesome, congrats! It'll put your investment to good use :)
    147
  180. Brydge is giving away free ESP32 devkits to their first 1,000 subscribers (it has a free trial). Check it out here https://bit.ly/44Nkode
    146
  181. Only have about 700 more to go...
    146
  182. I'll take that over a cartel that also pushes clickbait and lies. We already have good independent journalists - this would just reward them far better than a corporate gatekeeper with its own interests to protect.
    145
  183. Good call, that was an oversight. The main point was to not store the raw password, but hash it, but MD5 is not an ideal algorithm
    144
  184. It does support those platforms https://jquerymobile.com/browser-support/1.4/
    141
  185. That's an interesting idea... I'll think about it.
    140
  186. ๐Ÿšจ There are ZERO jokes in this video. Preorder my COBOL enterprise course today https://fireship.io/cobol
    139
  187. Good way to practice your hacking skills before taking them to a real server.
    139
  188. Haha, spotify is critical
    139
  189. Still have a long list of ideas
    136
  190. Seriously, give Cypress a try (they don't pay me) - it will make you love test-driven development :)
    136
  191. Good call, I guess only in the early days in meant "user" https://tldp.org/LDP/Linux-Filesystem-Hierarchy/html/usr.html
    133
  192. Add the the video timestamps and I'll pin this :)
    131
  193. LOL, that wasn't supposed to make it into the final cut.
    129
  194. ย @DeathByDominicย  That crossed my mind. That's why I said "appears to be doing the same thing"
    126
  195. Make sure not to miss the special easter egg after the closing credits!
    126
  196. ย @sorvex9ย  Its been a few years, but I do have a public track record in competitive data science https://www.kaggle.com/jeffd23
    126
  197. โ€‹ย @kevinbatdorfย  See description. It's a video that was already on my list, but I ended up working with MongoDB Atlas to make it happen sooner. Not a sponsorship in the traditional sense and I had full creative control over the content.
    124
  198. This is a good idea!
    124
  199. That's fair. This is more of a primer for concepts you should know eventually. The upcoming videos will revisit specific areas with more focus for beginners
    123
  200. That is a fair point. It does assume a certain level of programming/dev background. Thanks for the feedback.
    121
  201. TBH it's not the worst thing I've ever seen, but very antiquated by modern standards.
    118
  202. Yep, I would say self-taught or on-the-job learning over the last 10 years. I has not been a quick or easy journey.
    118
  203. That will happen soon
    118
  204. Check out my brand new VS Code Course and huge (Black Friday) discount for PRO members. Use this code at checkout: 1LDSQD4q https://fireship.io/courses/vscode-tricks
    117
  205. https://youtu.be/IBgH2Q7x_Bk
    117
  206. Big thanks to FilledStacks for collaborating on this video, subscribe today! ๐Ÿ”ฅ๐Ÿ‘‰ https://www.youtube.com/channel/UC2d0BYlqQCdF9lJfydl_02Q
    115
  207. I agree. It's possible to create an infinite loop with cloud functions and have no idea. The good news is that Google is usually forgiving on pricing in these situations.
    113
  208. On the list!
    113
  209. Fireship PRO members make the Code Report possible... Use NEXT30 to take 30% off this week only https://fireship.io/pro
    112
  210. When making this video I couldn't stop thinking about how useful it would be to a Linux kernel developer. Honored to hear I got a 10/10. The C compiler was number 8, so stay tuned for the sequel...
    111
  211. lol https://twitter.com/fireship_dev/status/1412451775341232131
    111
  212. Thank you Jon!
    110
  213. The status quo is usually wrong
    110
  214. Stickers ship worldwide, but make sure to get your pull request in ASAP, supplies are limited! UPDATE, Wow 200+ PRs have already been submitted, I will attempt to ship out regular fireship stickers when the holograms run out.
    106
  215. That's why I created this channel
    106
  216. Interesting, I'll roll the dice and take performance over reliability.
    105
  217. WASM in 100 seconds coming soon...
    105
  218. Iโ€™ve been quiet on YouTube lately bc Iโ€™ve been working on a full-length Stripe Payments (with JS) course. If you're not a pro member, the first few videos are free, check it out here: https://fireship.io/courses/stripe-js/
    104
  219. First person to timestamp all 10 languages and comment it wins a free T-shirt from the swag collection :)
    101
  220. Welcoming TensorFlow to the web - tons of potential for web developers with this library. Let me know if you want to see more TensorFlow.js content in the comments.
    100
  221. Variables are probably my favorite modern CSS feature! Stay tuned for a dynamic theme-toggler project video. UPDATE watch the full project ๐Ÿ‘‰ https://youtu.be/rXuHGLzSmSE
    100
  222. this is already in the works
    100
  223. Gold medal for you ๐Ÿฅ‡
    98
  224. Glaring typo Primatives ๐Ÿต - I am aware, but can't fix it now ๐Ÿ˜ญ. Also, primitive constructors should have a `new` keyword. String('foo') is the same as 'foo' (literal syntax), but new String('foo') is what I was talking about in the video.
    98
  225. That might make a good 100 second topic
    98
  226. It looked fast... Apparently it's not the best F1 car?
    96
  227. Thank you!
    96
  228. This is episode 197, I knew basically nothing when I started. Just try to push each one a little further.
    95
  229. ::after this video, check out CSS pseudo-elements https://youtu.be/e1KpKBHJOrA
    93
  230. And if you don't wanna go PRO, I have a $1 option on github sponsors, thank you for the support! https://github.com/codediodeio
    92
  231. Thank you. It's taken years to gain a comfortable understanding of these concepts.
    92
  232. Oops, meant to say "no greater than 1MB" at 1:10 - I hope this gives you some ideas for basic relational modeling in Firestore, but there are more advanced techniques that I will cover in the future.
    90
  233. I am considering a full course on electron if there's enough demand for it
    89
  234. I agree 100% - the bigger point was that this stuff is not religious dogma. Basically every js project I've been involved in uses some combination of these paradigms.
    87
  235. UPDATE 2020 see the latest Firebase Basics video here https://youtu.be/q5J5ho7YUhA Today we go back to the basics. In 20 minutes I cover pretty much everything you will get out of a full entry level Firebase course using vanilla JS. Also, I wanted to share my personal reasons for choosing Firebase.
    86
  236. Good idea!
    86
  237. I think "? in NaN seconds" has a better ring to it
    84
  238. Wow, awesome ๐Ÿฆพ Congrats!
    83
  239. Forms are the core feature of many apps. Being skilled with reactive forms should be a high priority for virtually all Angular developers. I hope this video helps solidify the core principles :)
    83
  240. My thoughts exactly, lose-lose.
    83
  241. Good call ๐Ÿ‘
    82
  242. Capacitor is a very refreshing take on hybrid app development. Looking forward to seeing this tool evolve in the future.
    82
  243. Thanks Tolga. Same to you!
    81
  244. Just a heads up... Megachat has been taken down temporarily because we exceeded the free limits of Firestore. This is a result of a user spamming writes to the DB, which has inspired a future video about preventing this type of issue.
    81
  245. just wait until you see my vim skills
    81
  246. ย @leonf.7893ย  Yeah when you open your code your phone it's easier to read without horizontal scrolling ;)
    80
  247. I like that!
    79
  248. Done https://youtu.be/uuOXPWCh-6o
    79
  249. The world is turning upside down!
    79
  250. Check out this video for the full tutorial https://youtu.be/hIYNOiZXQ7Y
    79
  251. ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ
    78
  252. Wow, awesome! Congrats mike!
    77
  253. That is great point Mikhail, I did not expect so much feedback on the performance-side of things, but it has inspired a future video all about iteration.
    77
  254. Angular components take a long time to master, but hopefully this video helps speed up the process. Let me know if you have questions in the comments.
    76
  255. Nest in 100s is coming soon...
    76
  256. Good call, thank you for the correction.
    76
  257. Next stop 10M
    73
  258. Kafka has been on my list for awhile.
    73
  259. I like to hit the ground running!
    72
  260. ๐Ÿฅ‰ Bronze
    72
  261. Congrats! Glad to have played a small part along the way
    72
  262. That'll happen soon :)
    71
  263. I like that idea! Might have to break it down into series tho.
    71
  264. Yes, I may do that as a live stream in the future.
    71
  265. Thank you. Good idea, I want to cover more DBs in this format.
    70
  266. https://quokkajs.com/docs/index.html
    70
  267. Good point, I explain why that happens in the event loop in this video https://youtu.be/vn3tm0quoqE
    69
  268. Coming soon! I maintain the "sveltefire" package, so looking forward to making that video.
    69
  269. TIL! Very cool :)
    68
  270. That's what happens when you publish from your phone ๐Ÿคฆโ€โ™€๏ธ
    68
  271. I do not know with what tech web 3.0 will be built, but web 4.0 will be built with sticks and stones - Einstein
    68
  272. Thanks Dennoh, much appreciated!
    67
  273. You're in!
    67
  274. 400,000 reads already, might cost upwards of $1.00
    67
  275. That is a fair point, it is very similar to table layout.
    67
  276. ๐Ÿ”ฅ ๐ŸŠ Here's how to reverse-engineer the cool UI tricks on alligator.io. Which website should we breakdown next? 1:40 Setup 4:18 Polygon Header 5:13 CSS Dropdown Menu 7:56 Theme Switcher 12:59 Rainbow Animation
    67
  277. It's especially awesome to see high-powered software on the web with equally good perf as a desktop app.
    66
  278. Very true, "NoCode" style software has been around since the 90s, but has never figured out how to replace programmers.
    66
  279. ย @dominikotocan1348ย  It needs to be 10x better than Node for companies to make an investment to change, right now its only slightly better.
    65
  280. Hopefully no bridge engineers will ever see this
    65
  281. Nice channel, and congrats on 100K :) Subscribed!
    65
  282. Just one of many problems.
    64
  283. Thank you for this :)
    64
  284. Ionic v4 looks amazing and is unmatched in the hybrid app space. I also figured this would be a good opportunity to make some comparisons to Native SDKs, React Native and Flutter while we're at it. Have you used Ionic? Would love to hear your experience in the comments
    64
  285. Haha, sorry about that
    64
  286. Looks like you have a nice channel there, subscribed!
    63
  287. Will GraphQL replace REST in the near future? I'm not sure, but GraphQL is definitely a fun way to build an API
    63
  288. Participation medal ๐ŸŽ–๏ธ
    63
  289. Thanks! That's a fair point, but I'm pretty confident Google will keep Flutter around. Too much external community support to kill it off.
    63
  290. I almost never do affiliate links, but since you also get $10 I figured it was worth sharing some free ๐Ÿ’ฐ Coinbase money with you https://fireship.page.link/coinbase
    62
  291. ๐Ÿ”ฅ PRO Tip ๐Ÿ”ฅ!
    62
  292. I'm a simple man. I see "Coding with" in your name, I subscribe.
    60
  293. It's on the list
    60
  294. I'm living in the future :)
    59
  295. Good call, that's what I meant
    59
  296. That's awesome news, congrats!
    59
  297. Thanks for watching the whole video!
    58
  298. Yes, working on a React-Firebase course :)
    58
  299. That is on the list, I want to do a whole collection of git <cmd> in 100s videos.
    58
  300. It's only going to get worse from here
    57
  301. Do you want to see more quick videos like this every week? Let me know with a comment...
    56
  302. Already have it recorded!
    56
  303. Awesome, even though you came in second I will hook you up with some swag :) Send me a private message on Slack
    56
  304. Good call, thanks for the correction.
    55
  305. That's what I do :)
    55
  306. I'll let the reads get to a few million or so
    55
  307. :focus on CSS pseudo-classes next https://youtu.be/kpXKwDGtjGE
    55
  308. It's been awhile since my last Flutter video. This is just a basic starting point, so let me know what advanced topics you want to see next...
    54
  309. Haha, graphql has hardly been around for 3 years
    54
  310. There is hope, somebody will have to carry the flame.
    54
  311. Good call, forgot about that as I've had a paid AWS acct for a long time.
    54
  312. That is a great idea!
    54
  313. Haha, web scraping always feels very hacky.
    54
  314. Haha! Last minute decision, but you know what you're talking about.
    53
  315. I told myself I'd never do it, but these are crazy times in the world.
    53
  316. That's what I do! Incorporating feedback is very important to me.
    53
  317. That's high on that list :)
    53
  318. I try to pack 1hr into 10 minutes, so this video was actually 6 minutes too long ;)
    51
  319. Well done! That was quick, send me an email or DM on slack with your size and mailing address ๐Ÿ‘•
    51
  320. It's my job to know
    51
  321. It's most useful when you want to generate graphics automatically based on some underlying data. The more data you have, the more powerful it becomes.
    51
  322. I've been experimenting with some Next / Firebase stuff. That video will happen eventually.
    50
  323. ย @abhinav.sharmaย  It's just a simple delete in reverse, then ctrl+Z
    50
  324. I've been meeting with pro members all month, content frequency will increase in June
    49
  325. You're right, my bad ๐Ÿ™ƒ
    48
  326. Thanks! I try to distill a few hours worth of content in 15min or less.
    48
  327. ย @russellchidoย  Canvas and video provide good alternatives, but it's not like there was a simple 1-to-1 migration for most flash apps. I agree with your point, it is an iconic technology - could easily make a whole video about it :)
    47
  328. I concur!
    47
  329. ย @khotambakhromovย  One way in Node.js is to use puppeteer (headless browser) to create a 1920x1080 webpage or SVG and screenshot it. Python has better options for image manipulation.
    47
  330. Great to hear that, I have a lot of fun making them :)
    47
  331. I decided to take a break last week. There were more important things going on in the world.
    47
  332. Data per Olivier Combe (Angular Team) - "in 1 year, we almost doubled the number of unique active users (active = visited during the last month) visiting angular.io (from 1 to 2 millions, I'm not sure what's the exact number right now but it should be around 1.7 millions if it's following the trend from the previous months), which shows that we are gaining popularity and not losing it."
    46
  333. It works, that's all that matters ๐Ÿ˜‰
    46
  334. soon...
    46
  335. Thanks for the suggestion
    45
  336. I find it very valuable for node dev https://youtu.be/ahCwqrYpIuM
    45
  337. Will do! Also plan on covering tools like Hasura.
    45
  338. I actually caught this on the final edit, but thought "nobody will notice that".
    45
  339. It's mostly about keeping demos simple. I'm going to make some TS specific videos soon tho.
    44
  340. That would only be fair :)
    44
  341. Good points! This topic could definitely use an extended video.
    44
  342. Tell your family and friends!
    44
  343. That is a good point, thank you!
    44
  344. joke!
    44
  345. It wasn't an easy topic to break down :)
    43
  346. Awesome to hear that, thank you for joining the team!
    42
  347. (function () { console.log("Who doesn't love the dog balls syntax?") })();
    42
  348. So underrated, unfortunately. It's incredibly efficient when you know how to use it.
    42
  349. You won't be disappointed, it only took an hour or two to replace all my grids on Fireship.io
    42
  350. RE 4:26 I was envisioning a long-running cpu intensive process as better suited for a compiled multi-threaded language. JS/Node is fast at basically every benchmark that matters, so didn't mean for that to come off the wrong way.
    41
  351. Good decision ;)
    40
  352. NGXS is taking the Angular world by storm - and for good reason. My goal is to get you up and running with the basics and highlight the key differences compared to NgRx.
    40
  353. This is the first video of "The Basics" series. I will be releasing at least one episode every week strictly about Angular v6 fundamentals. Let me know what you want to see next :)
    40
  354. Thank you Kamel, really appreciate the feedback. The sticker idea was a risk, but glad to see the pull requests flowing in ๐Ÿ˜€
    40
  355. I've done a lot of ML competitions in the past on Kaggle
    39
  356. Haha, does documentation even exist? I always use 3rd party resources for RxJS.
    39
  357. Official response from the creator of the survey - I'll let you be the judge https://medium.com/@sachagreif/three-controversial-charts-from-the-state-of-js-2018-ec9dda45749
    38
  358. haha
    38
  359. I will, a complete CSS animation guide is on the list
    38
  360. That's real production-grade regex for you.
    38
  361. I owe you one
    38
  362. I needed that time to talk shit about ubuntu ;)
    37
  363. Love that quote ๐Ÿ˜‚
    37
  364. Glad you liked it :)
    36
  365. I don't joke around here
    36
  366. It's also worth noting that git has a "sparse checkout" command for big monorepos.
    35
  367. I've been working with Stripe for many years and this is possibly the easiest, yet most powerful integration I've ever seen... Stripe Billing + Firebase OnCall Functions
    35
  368. Haha, it's his fault ๐Ÿ‘‰ https://github.com/mathiasbynens/dotfiles
    35
  369. I didn't coin it, actually it seems to originate from Brendan Eich https://brendaneich.github.io/ModernWeb.tw-2015/#74
    35
  370. I've very impressed with Fauna so far. Cosmos DB and ArangoDb are also popular choices.
    34
  371. You're right, good eyes :)
    34
  372. This video is more basic than most on my channel, but it's important to think about for native app development. I'm hoping to get a full Native Ionic course launched before March 1st, so stay tuned for the announcement.
    34
  373. Done https://youtu.be/hwP7WQkmECE
    34
  374. ย @networkable6476ย  I didn't make the code available until after the answer came through
    33
  375. Make sure to watch the entire video to catch the 8th ๐Ÿฅš easter egg ๐Ÿฅš recommendation at the end
    33
  376. That's a good way to look at it
    33
  377. I didn't intend to come off too negative about that. Tbh, I wish that model was more accepted. It's just a hard sell outside of loyal followers.
    33
  378. You can never have too many datepickers
    33
  379. I'm writing a screenplay titled "CS - The Movie" ;)
    33
  380. You will never look back
    32
  381. I was blown away by the Google Assistant demos at the I/O 2018 keynote. Building your own assistant app is surprisingly easy when you combine Dialogflow and Cloud Functions.
    32
  382. Yup
    32
  383. It works, thank god!
    32
  384. Participation medal ๐Ÿ…
    32
  385. Nice! I'll have to check that out
    32
  386. That's a great question. I've found that building something meaningful - like more than a hello world, but less than a full app - is the most productive way to learn. Also, teaching is a great way to learn, so I highly recommend approaching new topics like as if you are "required" to blog about them - it forces you to slow down and actually learn.
    32
  387. ย @WendimuSitotawย  The Feynman technique is legit
    31
  388. Great idea, that would make a good module for this course.
    30
  389. That's not the raw chain of thought, just a summary. This is what OpenAI says "After weighing multiple factors including user experience, competitive advantage, and the option to pursue the chain of thought monitoring, we have decided not to show the raw chains of thought to users"
    30
  390. This video took a lot of effort and testing, state management is hard.
    30
  391. Well it's making that request to the cloud, so you have to consider network latency. I'm not aware of any 3rd party benchmarks, but they compare perf with MongoDB here https://docs.fauna.com/fauna/current/comparisons/compare-faunadb-vs-mongodb
    30
  392. We live inside a simulation where we build simulations to run simulations.
    30
  393. Gatsby does make certain integrations really nice, especially when working with a CMS. I'm still planning on making a 100 second video about it.
    30
  394. It makes the most sense for webapps that also have an ios counterpart, in which case you'd already be enrolled.
    29
  395. Svelte is long overdue in this series
    29
  396. ๐Ÿฅ‡ Gold!
    29
  397. The fireship app is not on the public Play Store and I have no plans to make it public, but try it as a beta tester https://play.google.com/apps/testing/io.fireship.app
    29
  398. Not every legend is a myth
    29
  399. Might save that for a separate video
    29
  400. That's was my goal :)
    29
  401. Released 4 videos this week - that's a new personal best!
    29
  402. I want to make it clear that I only work with sponsors that I would actually use. They were already on my list of video ideas for JAM Stack/headless CMS. I turn down almost every sponsor offer I get, so you won't see many videos like this.
    29
  403. That's what I'm addicted to
    28
  404. Ads and paid subscriptions for megaupload
    28
  405. Flutter is still awesome though.
    28
  406. That is a great point. I've been spoiled by TypeScript for a long time.
    27
  407. Nailed it! But the timestamps are messed up showing 2 minutes in, but the vid is only 90s. Can you provide an edit
    27
  408. That is good advice, I mention that in the full course.
    27
  409. Yes, that's on the list!
    27
  410. Sweet! I'm hoping throw in more extended segments in the future.
    26
  411. He deserves a lifetime achievement award for his gif reactions
    26
  412. I hear you, thanks for the feedback!
    26
  413. Haha, one man show believe it or not. I have a lot of support from the community to keep me motivated :)
    26
  414. The best part is that you can learn it gradually bc its a superset of JS
    26
  415. Sorry to hear that. Most of my content is geared towards intermediate-advanced developers, but I will be releasing a beginner tutorial that you can follow step-by-step in a few days.
    26
  416. Yet another good reason to use TypeScript, get the latest features sooner.
    26
  417. ย @anonwithamnesiaย  Fira code
    26
  418. Indeed, message broker and kafka-like streams are common use cases.
    25
  419. Good call!
    25
  420. Yes I would consider that. Dart has a good HTTP package and I've also been thinking about a graphql vid for other backends.
    25
  421. I will make it happen this year :)
    25
  422. Thanks! Yeah, trying to decide if I should make them as completely separate vidoes
    25
  423. Laravel is pretty nice, I wonder if anybody would want to see a full tutorial?
    24
  424. Hi Michael, thanks for putting this writeup together, you make some great points. I was actually using React full time before Angular, so my perspective is the opposite of yours. I didn't intend for this to be a fair comparison - just the things I like about Angular (all of which are subjective at the end of the day). React has many advantages depending on your needs and you might even see some React content on this channel in the future :)
    24
  425. Well explained, thank you for this ๐Ÿ‘
    24
  426. My fault, bad audio edit ๐Ÿค•
    24
  427. It's hard to stand out on YouTube, they def deserve it :)
    24
  428. Haha, Fauna & Firebase work well together. They are more complimentary than competitive.
    24
  429. Healthy competition makes these products better for us. I think we can count of Firebase to keep pushing the limits.
    24
  430. That is a fair point. Most businesses simply don't care tho, so this provides a comfortable entrypoint for business that want to give customers a choice.
    24
  431. ย @vasiovasioย  VS Code + Atom One Dark + vscode-icons
    24
  432. Good call, the would have been a nice mention. I made a tf.js video awhile back.
    24
  433. I hope the swag gods prove you wrong.
    24
  434. If there's enough demand, I would make a full course that covers multiple connections and tradeoffs of different approaches.
    23
  435. Keep an eye out for this one as a guest post on another YT channel.
    23
  436. That's my goal :) I try to spare people the lost time sitting through a 5hr course.
    23
  437. My update rule in Pocketbase did not verify the request user ID matched the original message user ID
    23
  438. I use console.table and console.group all the time :)
    23
  439. Thank you for the support! Make sure to hit me up on slack for your T-shirt :)
    23
  440. Sell something digital ๐Ÿ’Ž here are some ideas https://youtu.be/JTOJsU3FSD8
    23
  441. I get that a lot ๐Ÿ˜‚
    23
  442. This video is not about the gun debate, it's just data for fun and research. It can be used to make good points on both sides. I think I regret not using the "Trees in Paris" dataset.
    23
  443. Watching more than 100 seconds is completely optional (but highly recommended).
    22
  444. ๐Ÿคฆโ€โ™‚๏ธ
    22
  445. Did that whole video in one take :) JK, I cut out dead air from the audio track.
    22
  446. Uh oh, should have used a frontend framework here.
    22
  447. That's the idea, it's just a matter of developer/end-user adoption.
    22
  448. ย @EinTopherย  They just need to be formatted with a zero in front like 0:06 then private message me hello@fireship.io so we can get you a shirt :)
    22
  449. Thanks! I agree, the more you know about this stuff the better - especially the event loop scheduling and prototype chain.
    21
  450. I would lean towards grid if you have a layout that requires BOTH columns and rows. Lean towards flexbox you just have something with single row/col, like a card or navbar.
    21
  451. I'm not a biologist
    21
  452. Yes, I'll get the playlist going soon
    21
  453. This video should help your personal website stand out at least.
    20
  454. Thanks Jon! I want to tackle at least one general topic per month.
    20
  455. Originally I was scraping the mad money website, but yeah the Twitter api would be more reliable.
    20
  456. Just doing my job!
    20
  457. ย @penguin2251ย  I had to take drastic measures to stop spam.
    20
  458. Wow, great to hear that from someone with your background.
    20
  459. Anything is possible...
    20
  460. That's a unique request, added to the list.
    20
  461. Not many, if any, content driven sites like this are OSS. I don't police my content and want it to benefit as many people as possible, so it feels like the right choice.
    20
  462. I've seen several examples of image resizing cloud functions, but some of them are not very pretty. I hope this gives you a solid starting point for generating thumbnails in a developer-friendly way.
    19
  463. Hey everybody, this is installment #3 of Angular Basics. Let me know what topics you want to see next in this series :)
    19
  464. Thank you! This is actually the first "case study" style video I've done. Appreciate the feedback :)
    19
  465. that's above my pay grade ;)
    19
  466. Just personal preference, Nuxt was a top contender
    19
  467. Thank you, I'm not an animator, just learned a few tricks after making so many videos.
    19
  468. Angular Elements is the #1 thing I'm looking forward to right now. I've seen tons of use cases with clients and looking forward to using it in v6. Let me know what you think.
    19
  469. I know, I watched it way to many times editing this video
    19
  470. ย @ct5816ย  good point, C++ is missing from that list
    19
  471. Yeah I get that. I might do a self hosted elastic search video in the future.
    19
  472. Yes, same type of service, but more developer friendly. I may do a video on a self hosted elastic search, which is cheaper if you tons of records.
    19
  473. Lots of options in this space... GraphCMS, Strapi, and Netlify CMS to name a few more. Contentful is more polished, but Sanity has better pricing and overall dev experience imo.
    19
  474. You're not supposed to notice the subliminal messaging
    18
  475. Good call! You win https://youtu.be/JSURzPQnkl0
    18
  476. That's was my goal, they docs are not very approachable.
    18
  477. I tried to code on my phone (android), it was not exactly easy, but yes... it's possible!
    18
  478. From what I understand... node-fetch is not exactly "to spec". Undici is built by the node team.
    18
  479. Thanks for the unique suggestion. I will put all my tricks into a video one day. This sums up my philosophy on code https://fireship.io/mission/
    18
  480. If you see !important everywhere... !run
    17
  481. SQL is hard to beat!
    17
  482. That would be the perfect name!
    17
  483. That is a good analogy, I agree.
    17
  484. Good call, you'r right.
    17
  485. Oops, that's a screenshot from next month
    17
  486. I plan on making some longer beginner-focused content in the near future :)
    17
  487. ย @OzoneGrifย  Nothing against Java, great all around tool. Just doesn't personally strike me as option #1 for the use cases I presented.
    17
  488. You need decoys, so people never know which jet he's currently in.
    17
  489. Oh wow, that would be awesome ๐Ÿคฉ
    16
  490. It's already here in some ways... Look at Figma for example - runs smoother than Adobe Illustrator desktop, but in entirely in the browser.
    16
  491. Yes, now that this quick start is done I hope to focus on more practical real-world uses of NGXS.
    16
  492. ย ย  Yes, worldwide!
    16
  493. Exactly the way I planned it!
    16
  494. Good call!
    16
  495. on the list
    16
  496. That part is optional, but a nice feature if integrating multiple services with firebase hosting because you can rewrite traffic to specific routes.
    16
  497. I agree, there are some areas for improvement here. Working on a full SQL video and taking your comment into account.
    16
  498. ย @Electricity0ย  not really, reads are a bigger concern for this type of app
    16
  499. Appreciate that! I try to make each new video better than the last one.
    16
  500. I've heard that story from many people an have hit similar issues myself in consulting projects. But I do believe there is a lot of value in the underlying pattern. I created this video so people could create their own conventions to eliminate the complexity overhead of a library, while preserving one-way data flow and pure components. "Creating an Injectable that to host the data" is the the single most important state management pattern in Angular, so well said.
    16
  501. All paid courses have some free sections, so try before you buy.
    16
  502. LOL, activate morning voice
    15
  503. Haha, I was wondering if anybody was going to think that. It's for real!
    15
  504. Awesome to hear that Tinu :)
    15
  505. ย @besjansejrani1880ย  Good idea, just started working on a COBOL for enterprise course
    15
  506. That video is long overdue
    15
  507. Just like Firebase, I am a huge fan of the Algolia developer experience. My goal with this episode is to show how easy it is to build full-text search features when you combine Firestore with InstantsearchJS.
    15
  508. Good point. I don't think that's their strategy here, but maybe I'm naive.
    15
  509. Me too, but more WASM content on coming soon :)
    15
  510. Good call
    15
  511. My #1 feature request for Firebase is to support a SQL database.
    15
  512. Good call, generators are on my video idea list
    15
  513. Wow, that is awesome, would love to take a look if it's a public project ๐Ÿ‘
    15
  514. Totally, RxJS and TS are two tools that have really helped me level-up as a JS developer in recent years.
    15
  515. Angular does have a learning curve, especially with TS and RxJS, but once you're past it there's no going back.
    14
  516. I love hearing that. Basically everything I teach is based on real world experience, which is why I continue to do consulting while creating content.
    14
  517. ย @SocratesAthย  Oh ya, except how Facebook is a centralized company that can exploit data, censor creators, change policies & algos, and do all the things not possible on a decentralized platform.
    14
  518. ย @RexGalilaeย  Still, 90% off mass media is owned by 6 corporations. The point is to remove the unnecessary middle-man, so it's just consumers and journalists interacting. I don't think political divides will ever be fixed.
    14
  519. That's what I tried to covey with the intro animation :)
    14
  520. Thanks! I used to watch Captain Planet as a kid too
    14
  521. It's still very popular, just not on hype train. I agree, was the most intuitive framework for this video.
    14
  522. ย ย  I would, but that's not possible on YouTube anymore.
    14
  523. ย @EgiN281ย  Macs are a great option as well, but have other tradeoffs with price, performance, customization, etc. I use a Macbook when I travel.
    14
  524. Haha, my plan is to combine 100 of these into a 10,000 second bootcamp ;)
    14
  525. That's a fair point, but many career paths have similar popularity requirements. At the end of the day it's about showing employers that you are a good investment. Once you get a foot in the door, things become much easier.
    13
  526. You are right. React's doc traffic is also lower bc angular and vue subdomain other doc sites on the same root url. I was more concerned about the trend over time. Angular's doc traffic should be falling if adoption is falling, but that's not the case.
    13
  527. ย @rodrake1ย  you are right, it does not have to be balanced. I pointed that out bc women hold about 25% of tech jobs. Not sure about JS devs, but would estimate ~15%. It's a small sample, just expected more women and also way more international responses for a better reflection of the industry.
    13
  528. Thanks! And so much was left out... The JS ecosystem as all kinds of storylines to follow.
    13
  529. Brand new intro and music for this video! Also, Airtable is pretty rad :)
    13
  530. Glad I could help!
    13
  531. I will allow you to watch twice :)
    13
  532. VS Code https://youtu.be/u21W_tfPVrY
    13
  533. ย @yandev6956ย  That works too, I've used sharp on this channel in the past, but idk if it can write text to an image.
    13
  534. That's my goal... help people build products and/or get jobs!
    13
  535. What about rules for the user document? That is covered in the full lesson write-up: https://angularfirebase.com/lessons/role-based-authorization-with-firestore-nosql-and-angular-5/#Rules-for-the-User-Document
    13
  536. Keep in mind... This ionic code is targeted at native mobile apps, but the cloud function will work for any frontend app :)
    13
  537. Already did that ;) https://youtu.be/qF7dkrce-mQ
    13
  538. Nice! Haha
    13
  539. Ctrl+Shift+K is the proper way, but I approve this pro tip
    13
  540. Awesome! Subbed :)
    13
  541. Thank you! I have a lot of run making them :)
    13
  542. Wow, that is awesome! Keep me posted on your progress :)
    13
  543. Just have a high-level understanding of liner algebra for matrix multiplication and calculus for gradient descent.
    12
  544. Cool, happy to make more advanced TFjs content. Let me know if you have anything specific you want to see.
    12
  545. That crossed my mind, but you can still write plain HTML in Angular, then add magic where needed. With JSX you're forced to change things and it can lead to some weird looking code, but at least it's still plain JS. Honestly, it's a pretty even tradeoff IMO
    12
  546. New Angular content is overdue on this channel
    12
  547. Nest is awesome, I'll cover it more in the future
    12
  548. NGXS is easier to learn if you already know Angular, while NgRx might seem more familiar if you know React/Redux.
    12
  549. Soon... I always underestimate how much work they require.
    12
  550. Great to hear that, I really want to build a comprehensive collection of videos like this one.
    12
  551. Angular/Nest make a great combo. Most Nest content is high on my todo list.
    12
  552. I've never worked with Java, but it feels like a sibling to TS, or kinda like JS & C# had a baby.
    12
  553. Now you can easily say yes!
    12
  554. Haha, it happens
    12
  555. That would be cool, but insta has a lot of features that are more complex than they seem on the surface. Would be a good challenge tho.
    12
  556. Mission accomplished :)
    12
  557. Going back to Angular + RxJS fundamentals to build a nice UI element for deleting important records. Let me know what you think in the comments :)
    12
  558. Rails got me started as a web developer. I'll make that video someday :)
    12
  559. Nice, I recently moved fireship.io to actions and have been very happy with it.
    12
  560. Thank you! I love getting robo-calls :)
    11
  561. Great time to be a developer!
    11
  562. My bad, I'm a dumb American
    11
  563. Welcome to the channel :)
    11
  564. I'm lucky to have the flexibility/time to try out all the latest stuff.
    11
  565. Let me know what you want to see next with a comment... one lucky person will get a free hat ๐Ÿ‘‡
    11
  566. Have you experienced sticker shock in the cloud? If so, would love to hear about your story with comment :)
    11
  567. ย @prodevusย  I never said this idea was perfect or even good, just an idea
    11
  568. Thanks, I have fun with it!
    11
  569. I like that idea
    11
  570. You know... I tried that first, but it's SO much more work to build something like this in vanilla.
    11
  571. I like to have fun with it ;)
    11
  572. Perfect timing :)
    11
  573. I'm still very much an Angular fan for the record! Fireship.io is built with Angular Elements :)
    11
  574. Gotta keep the pooCount code clean
    11
  575. Yes, I do. That's the main way I figure out what to create.
    11
  576. Silver ๐Ÿฅˆ
    11
  577. Check out meilisearch, rust-based. Still has a long way to go, but promising.
    11
  578. yeah, I'm a pretty big deal
    11
  579. ๐Ÿฅ‡ Gold!
    11
  580. Thank you! There are sorts of easter eggs on this channel that may never be discovered.
    11
  581. Welcome to the future. Give RxFire a spin and let me know what you think in the comments.
    11
  582. Glad to hear that!
    10
  583. My goal with this video is to give you an async validator for your reactive forms that works with virtually any backend data source. Get in touch on Slack if you want to chat about it :)
    10
  584. Those 3 methods are hard to keep straight.
    10
  585. Think of chess - some are more naturally talented than others, period, but anyone can learn the strategies of the game (through practice) and become an effective player. Problem-solving is no different imo.
    10
  586. Gold! ๐Ÿฅ‡
    10
  587. This video is a bit more advanced, but it's not essential knowledge for most developers.
    10
  588. Thanks, I've wanted that feature for soo long. It eliminates a lot of "callback hell" code.
    10
  589. This is an interesting test... it needs some optimization to handle the firehose of data
    10
  590. Funny you should mention MySQL of all things, that's what tomorrow's video is about :)
    10
  591. A few days ago, Firebase quietly released passwordless auth, but this is actually a really awesome feature. As an end-user of apps I much prefer this sign-in flow over trying to remember another password.
    10
  592. Awesome to hear that!
    10
  593. Sure, if you're developing apps in the year 2006.
    10
  594. Participation medal ๐Ÿ…
    10
  595. That is an interesting thought. A websockets implementation could def get the job done, but the Apollo client is nice because it can also handle optimistic updates and caching easily.
    10
  596. Adobe AfterEffects + Premiere
    10
  597. And that just so happens to be the next topic on the list
    10
  598. Here's 10 options to try out ;) https://youtu.be/cuHDQhDhvPE
    10
  599. Or are we a primitive?
    10
  600. That's next on the list for git!
    10
  601. State management libraries like NgRx and NGXS are amazing tools, but building your own from scratch will help you understand this stuff at a fundamental level.
    10
  602. It only took me 181 episodes to get here :)
    10
  603. Stay tuned. I am releasing another video tomorrow about ngrx/effects that will refactor this function with the spread syntax. I wanted to include Object.assign in this video because is easier to understand IMO.
    10
  604. Thank you Mani!
    10
  605. I wish I could, my idea list is massive.
    10
  606. I've thought about doing a strictly Angular version of user auth for non-firebase developers - may do this in the future. Thanks for the suggestion.
    9
  607. https://youtu.be/N6-Q2dgodLs
    9
  608. Nice! Not sponsored, but I was able to collaborate with them directly and get feedback before releasing it.
    9
  609. Angular also scales more transparently. A big angular app is just like a small one. A big react app is glued together with all kinds of extra libraries and/or custom solutions.
    9
  610. It is intuitive - this is more of a roast on modern frameworks than jquery itself.
    9
  611. Yes, that's about right
    9
  612. Get up and running with FCM and Ionic Native... There are a few caveats with native push notifications for iOS and Android builds, so I recommend following the full article where I explain in more detail. Hit me up on Slack if you want to chat :)
    9
  613. Yes, when it releases I'll provide a discount code to make it super affordable or maybe even free.
    9
  614. They are both good products, but the biggest thing people dislike about Fauna is that it can't be self-hosted (not open source).
    9
  615. Oh nice, is the tool available on GitHub?
    9
  616. Nice! It's actually inspired by ng-animate from Angular 1, so I know it well :)
    9
  617. ย @PL4YRย  my advice would be to attend conferences, there are a bunch of options for Angular and GDEs are always there.
    9
  618. Oh wow, I think that's a record for me.
    9
  619. ย @mohamudsharif8119ย  I ordered more! There is still time to submit.
    9
  620. More on the way, along with a full course, and a fireship quiz app built with Flutter :)
    9
  621. Not the most accurate tweet, I know. Mongo has not replaced postgres
    9
  622. Dart might not be exciting, but it's a very productive language. Almost everything just autocompletes with inline docs.
    9
  623. ย @firaskudsyย  Thank you! Yes, I have a long list of topics. State management is a full video that will come soon, but project organization would be good also.
    9
  624. I get this request a lot. I'll try to make it happen in the future :)
    9
  625. Lol, I'll be looking in the mail for that :)
    9
  626. No plugins required. Just delete then ctrl-z.
    9
  627. Most servers run Linux, so you can develop locally with the exact same software on your server. Linux is easier to a administer from the command line and has a bunch of nice dev-oriented tools.
    9
  628. Community feedback & suggestions are what drive the content on this channel :)
    9
  629. Yeah, I'd really like MFA and more customization for Firebase auth.
    9
  630. That's my next priority. The official Reactfire just got some updates, so it's time for that course :)
    9
  631. Hopefully out tomorrow, Monday at the latest :)
    9
  632. I started learning during the great recession, it was perfect timing really.
    9
  633. I have ideas for more advanced topics that might surprise you...
    9
  634. That could be cool, I use workbox to make Fireship.io a PWA. It's actually very easy.
    9
  635. Gold ๐Ÿฅ‡
    9
  636. Awesome!
    9
  637. PHP is a good mature tool, you can swap it with Ruby as an all purpose interpreted language.
    9
  638. โ€‹ย @antontimeboy6094ย  It's irrelevant, this is a code tutorial. Curious... which side do you think I'm on? I took some data and visualized it, I don't know how I could be more neutral.
    9
  639. You should definitely give the Angular Console a spin, then let me know what you think with a comment.
    9
  640. That's just the kinda stuff I like to cover!
    9
  641. Big flutter starter guide next week
    9
  642. Understandable, that's why I mentioned the Vue docs in the extra segment.
    8
  643. Ultimately, I felt like React had too much library-specific code that created a distraction from the main webrtc concepts.
    8
  644. That would be vs code, the best ide ever
    8
  645. ย @sagivbengiat6190ย  I am biased, the name should be a dead giveaway. A bias is only dangerous when it is hidden. Don't take my opinions about react too seriously - again, all these frameworks are solid tools with their tradeoffs.
    8
  646. Mine too
    8
  647. Yes, before the end of 2020.
    8
  648. I read the Alchemist a long time ago, legendary writer!
    8
  649. AudioJungle usually
    8
  650. It's a new-ish feature
    8
  651. Thank you, really appreciate that :) It's a lot harder than it looks behind the scenes.
    8
  652. Great question. You don't pass them directly, TS interprets them depending on what you're decorating. For example a property decorator will always have (target, key) arguments in that order.
    8
  653. Gold! ๐Ÿฅ‡
    8
  654. Nice! Keep in mind the gmaps package is currently in dev preview. Pretty awesome already, but lacking some features.
    8
  655. Keep up the great work!
    8
  656. ๐Ÿฅ‡ Gold!
    8
  657. Thank you for supporting our fake sponsors
    8
  658. ย @sub_zero_911ย  I'll put in a good word
    8
  659. Yes, some ionic react content is overdue on this channel.
    8
  660. ย @user72974ย  thank you! Yeah, YT ad revenue is weak, the pro membership is what makes this project sustainable.
    8
  661. Up next... an entire CS degree in 100 seconds ;)
    8
  662. I had a hard time gracefully mixing music with video clips :)
    8
  663. I hear you. I've got a bunch of Flutter/Dart ideas in the works.
    8
  664. Flutter is also releasing a thing called hummingbird that runs the app on the web. While I think this is great, it is very hard in practice to build an awesome product on native and the web. People just expect different experiences, but sticking with react should help you with code reuse either way.
    8
  665. ๐Ÿฅ‡ Gold!
    8
  666. ๐ŸŽ–๏ธ participation medal
    8
  667. @my_yt_channel PayPal works for single courses. DM me and I can setup manual access via PayPal
    8
  668. ย @beratsulimani9823ย  Yep, it uses Angular Elements for interactive widgets and Hugo to prerender the static HTML.
    8
  669. They're both good. Vite just simpler for presenting basic YouTube demos.
    8
  670. Oops, I meant to say "Bangalore" in central India - that's where the benchmark requests come from.
    8
  671. Haha, thank you. I can only make videos about topics that I am genuinely excited about.
    8
  672. It's on the list
    8
  673. Great to hear that! Buy me a beer when your valuation reaches 1Billion.
    8
  674. The main diff is that Flex handles a single col/row, while grid handles both. They actually work well together. I might try to show that in the next project video.
    8
  675. FYI this video is a premiere so pull up the live chat for the full experience
    8
  676. It's already recorded!
    8
  677. It has the potential to challenge those frameworks, but has a long way to go in terms of adoption.
    8
  678. ย @GottZย  I mentioned it in the last video "100 seconds of CSS variables". It's useful, but this was more about site-specific theme controls. I could have duplicated some of the vars in to a media query, but too late now :)
    8
  679. ย @edricchan8774ย  I enabled community subtitles, thank you, did not realize that was an option.
    8
  680. I wouldn't rule it out, but I'm more interesting in tackling either Vue, Flutter, or Rust. I might do a series where we build the same app feature in multiple frameworks
    8
  681. The plan is to release the first flutter vid this month.
    8
  682. Will do! Eventually you will see 100 seconds of all the js framework flavors.
    8
  683. I like the idea, have a Rust video coming soon.
    8
  684. Working on full flutter course and the fireship mobile app, will be out soon :)
    8
  685. You have a point. Atwood's Law: any application that can be written in JavaScript, will eventually be written in JavaScript.
    8
  686. https://youtu.be/UTHgr6NLeEw
    8
  687. Touchรฉ
    8
  688. @Dark Magician I almost mentioned strict mode but it just didn't quite fit with the flow of the video
    7
  689. HttpClientModule is the newer, better API. It parses JSON automatically and has a few other improvements. Eventually the old one will be removed. https://medium.com/@amcdnl/the-new-http-client-in-angular-4-3-754bd3ff83a8
    7
  690. Get that question all the time. When recording I delete lines in reverse order, then hit ctrl-z
    7
  691. Thanks for the suggestions! Glad to hear your team is finding them useful :)
    7
  692. I am, it's on my list and I've messed around with it a little bit. Not saying chaining is something you should do, just showing how it works.
    7
  693. Participation medal ๐ŸŽ–๏ธ
    7
  694. You decide
    7
  695. ๐Ÿฅ‡ Gold!
    7
  696. ๐ŸŽ–๏ธ participation medal
    7
  697. Not my personal take, but many mainstream articles say that. The argument is gen z only uses social media apps without needing to learn how anything works
    7
  698. Mission accomplished ๐Ÿ’ฅ
    7
  699. Made this one for you!
    7
  700. Yes, if tokens are lost/expired/revoked the user would have to auth again.
    7
  701. ๐ŸŽ–๏ธ participation medal
    7
  702. You can count on more Ionic - a lot of stuff happening with v4 and capacitor.
    7
  703. Well said, I think you summarized some of the most important points that didn't make this video. Services and directives are sooo useful in the right situations.
    7
  704. Haha, good point
    7
  705. Delete in reverse order, undo.
    7
  706. Good question. Each page needs a `default` export, but you can create a top level directory like `lib` to share in multiple pages. So no, you don't have to duplicate implementation details.
    7
  707. Thank the marketing geniuses over at AOL :)
    7
  708. Yes, in weekly episodes, but a full outline will be available on Fireship.io soon :)
    7
  709. ๐Ÿฅ‡ Gold!
    7
  710. Never gets old!
    7
  711. I started with AngularJS and vanilla JavaScript. It takes time to get used to TS, but once you do you will never look back.
    7
  712. They are geared towards intermediate to advanced Angular developers. In the near future I plan on doing a full hour long end-to-end app build that will be slower paced.
    7
  713. The Enrichment Center is required to remind you that you will be baked, and then there will be cake.
    7
  714. Gold ๐Ÿฅ‡
    7
  715. I recorded a whole section on rebase during the merge section, but pulled it out bc it just seemed to confusing for this vid. But yeah, rebase is a great way to get a feature up to speed with the master.
    7
  716. Karma runs your tests on every code change. Something fails, you know about it right away.
    7
  717. Thank you! I am considering a scholarship program for students who are serious about building an app. That may come in the future.
    7
  718. You probably have regular quotes instead of backticks https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
    7
  719. I've signed a contract for 100 episodes this year (with myself)
    7
  720. Just to make a point that people are making this prediction. Honestly, I doubt GQL will replace REST anytime soon, but it's definitely gaining a lot of momentum.
    7
  721. Thank you Mateja! Spread the word :))))
    7
  722. Well it's a full browser electron app, so it's going to take some time to download. Your CI server should be able to cache it after the first run.
    7
  723. Codemagic can build for iOS in the cloud
    7
  724. Thanks, I just had an awesome vacation in NZ last month :)
    7
  725. I think says a lot about their commitment to a good dev experience
    7
  726. Thank you Sadab!
    7
  727. I agree. My latest videos only have music during the first 15 seconds or so.
    7
  728. You're right, I think they look at the behavior relative to the SERP. Did you hit back and "pogostick" for other results? It more about satisfying user intent than the actual duration.
    7
  729. If only I had the time...
    7
  730. Thank you Martijn! It won't even play for me.
    7
  731. The point is to access this data from any device, but I should have made that more clear.
    7
  732. There are quite a few steps to get up and running with Universal, but they are broken down in the main article if you get lost. Post questions if you got em :)
    7
  733. WINNER ๐ŸŽ‰ - Congrats, you won the T-shirt. Message me with your mailing address and size :)
    7
  734. Thank you Connor! Happy to hear the feedback. How NOT to use async/await is probably the most important part :)
    7
  735. Thank you, it's difficult to pull off, but it's fun to see how these features work with different approaches.
    7
  736. Pride. jk there are plenty of good reasons to not use Firebase.
    7
  737. Yes, that is a big part of my future plans. I am considering writing an entire book about ML on the web with TF.js.
    7
  738. I agree, I'm glad the fork exists, but sympathize with Elastic's position too.
    7
  739. I'll reduce it next time :)
    7
  740. ย @31337flamerย  I know there has been some controversy surrounding coinbase - that's why I mentioned a few alternatives.
    7
  741. I agree, more you can rely on CSS for animation the better, but it has limitations if tied to the state of your app.
    7
  742. That's awesome to hear, thank you Troy :)
    7
  743. Yes, many more. I might not get one out until next week tho. Next up is a vid about publishing a PWA to google play via trusted web activities.
    7
  744. Tailwind was on my list, but they inspired me to make it sooner ;)
    7
  745. Haha, that's what happens when you make an Angular video every week for over a year :)
    7
  746. I've heard that from a lot of people. Dart is very refreshing.
    7
  747. You can make GQL queries in flutter, but not sure if there are any libs like apollo to make life easier - good future video idea
    7
  748. The game of life
    7
  749. It's just an updated version of that action. It would break people using the original version, thus it is released with its own tag.
    7
  750. That's been on my list for a long time, hopefully make it happen soon
    7
  751. First I need to finish creating the course that shows you how I make it possible for you to give me money :)
    7
  752. Welcome ๐Ÿฐ and thank you!
    7
  753. Thank you! I was away all last week, so expect more videos next week :)
    6
  754. ๐Ÿฅ‡ Gold!
    6
  755. So close, you were seconds away. Send me an email from this account with your size/mailing details for a 2nd place prize.
    6
  756. Thanks! This took much longer than I expected to create. There are a lot of little gotchas setting up CI/CD
    6
  757. Thank you for the suggestion. Fireship courses will decouple the frontend from the backend, making it easier to integrate any frontend. My first attempt with this is already in progress with a Payments course.
    6
  758. Gold ๐Ÿฅ‡
    6
  759. I don't how people do big projects without TS these days, but React and Vue are both seeing the light now.
    6
  760. It's disappointing because they put so much into the presentation, but the real value is the dataset. Garbage in, garbage out.
    6
  761. I love Svelte too, especially with the TS support now. Stay tuned for that video in the future.
    6
  762. Hydration is also weird when dealing with realtime firebase data, I'll cover that in the course
    6
  763. I tried to make that point by saying "work reliably on all browsers", but a better problem description would have been good there
    6
  764. Awesome! An understanding of the spec evolution is usually a trait of a good JS programmer, IMO.
    6
  765. I'll do a comparison when I make a full tutorial on this topic
    6
  766. It's not too bad, but requires careful state management if you have multiple products and screens.
    6
  767. Best place to be IMO
    6
  768. ๐Ÿฅ‡ Gold!
    6
  769. Yes, in fact that is on my video list. I've done similar integrations for clients where Firebase is used only for realtime features.
    6
  770. Good choice!
    6
  771. Thanks! Kids are fun, they really change your perspective on life (and coding).
    6
  772. About 10 years.
    6
  773. Thank you Erwin. Nobody wants to see this face, lol. Glad to hear you like the format :)
    6
  774. I try to make these videos as weird as the language itself.
    6
  775. Someday...
    6
  776. Good question, I would start with Node/Express until Deno sees more mainstream adoption.
    6
  777. Good to know, I like creating short-format videos like this :)
    6
  778. In app purchases will happen soon... Already working on that one for Flutter :)
    6
  779. Gold ๐Ÿฅ‡
    6
  780. Yep, that is up next!
    6
  781. I like that idea https://github.com/flutter/flutter/issues/41062
    6
  782. That's for null safety in Flutter v2, makes the property nullable. Will explain in a future vid.
    6
  783. There's also the "application" tab on chrome dev tools that is useful for inspecting the manifest and debugging the service worker.
    6
  784. Gold ๐Ÿฅ‡
    6
  785. There is no best way! Do feels right in your heart โค๏ธ
    6
  786. KISS is the best state management solution
    6
  787. Totally, there will be tradeoffs in exchange for faster dev times - that's why the "right use case" is so important. I have been thinking about Flutter content for a long time. I'm working on a Flutter project currently, so you'll probably some in the near future - I just need to change the name of channel first :)
    6
  788. ๐ŸŽ–๏ธ participation medal
    6
  789. +Justin Thank you, that's what keeps me motivated everyday :)
    6
  790. Lol, that's a pretty solid reason to learn it.
    6
  791. This is true
    6
  792. Thanks for the feedback. I plan on making a drag-and-drop or dropzone file upload video soon that will be longer.
    6
  793. Yes, I'd like to do some basic node videos in the future. The firebase cloud functions runtime is based on node & express actually.
    6
  794. Yes, I made one in the past, but rules version 2 would be a good topic.
    6
  795. I own some crypto and want it to succeed, but bitcoin is not anonymous, not efficient, and only used for speculation. The value propositions are hyped.
    6
  796. โ€‹@Kappa Ya fuck new ideas, You could have made that same argument a few years ago in favor of AngularJS or Backbone over react.
    6
  797. I hear you and advanced content is mostly what you will see on this channel. When you see "code this, not that" it will probably be pretty basic. I hope to do these quick basic videos every couple weeks.
    6
  798. Thank you. I strongly believe that less in more. The best code is the code you don't write :)
    6
  799. I hear you. I try to distill an hour worth of content into 10 minutes. I recommend slowing down the video and following with main writeup.
    6
  800. Firestore is actually more flexible then DynamoDB for data modeling imo, but GraphQL can use ANY data source. If you hit the limitations of NoSQL, you can drop in a graph database or full-text search engine and still use the same realtime SDK.
    6
  801. Nice! I was a little resistant to switch about 1.5 years ago, but have not looked back since.
    6
  802. Working on it... Will set a release date soon.
    6
  803. There is some truth to that - it is not for everyone. The last few years have seen a big influx of bootcamps and competition for junior positions. This channel is not really about landing jobs, but you inspired me to investigate this topic and make a video.
    6
  804. I hear you, that's a bit of a divisive issue. I might put up a poll soon to decide.
    6
  805. Quokka plugin
    6
  806. I actually started this Demo with Nest, but removed it bc it was just too much overhead for this video. Expect a nest video soon :)
    6
  807. Angular is still solid. I use it. Next is hard to beat for SSR tho. Someone should make a meta framework for angular that simplifies SSR ๐Ÿค”
    6
  808. Good choices ๐Ÿ˜
    6
  809. Expect a bunch of them over the next few weeks :)
    6
  810. That will happen eventually
    6
  811. ย @moonythmย  Deep, i like that!
    6
  812. Gold ๐Ÿฅ‡
    6
  813. I might even use svelte in the next video...
    6
  814. It'll work eventually
    6
  815. ๐Ÿฅ‡ Gold!
    6
  816. ๐ŸŽ–๏ธ participation medal
    6
  817. Bruh ๐Ÿฅ‡
    6
  818. Awesome!
    6
  819. ๐ŸŽ–๏ธ participation medal
    6
  820. ย @LeoN11rusย  โ€‹ Yes, if the content is public it lives in the markdown in the source code. If it's paid content, it will live in the cloud and require authorization. Angular Elements makes it possible to build components that handle this type of logic with amazing flexibility. I can embed components in both Hugo HTML and in markdown, while sharing global state.
    6
  821. I use Adobe AfterEffects and Premiere, I did a livestream a while back showing my process
    6
  822. The backend code is basically the same, but the Frontend libraries have changed significantly, so felt like it was time to update.
    6
  823. No worries, it's very relevant and that approach can be good. I actually did something similar with angular, but it's just not very practical for long text sequences and not typo resistant. Subbed for more videos.
    6
  824. Haha, yep. You'll hear that in almost every video if you listen closely. And baby #2 is due in 1 week
    6
  825. I kept asking myself "why am I doing this?" as I was doing it.
    6
  826. You will learn it on this channel. I am working on a native app for Fireship with Flutter, so will transfer my learnings here
    6
  827. That's a fair point, but the title is tongue-in-cheek. My main goal is to emphasize that your Firebase data is vulnerable unless you secure it with rules.
    6
  828. ๐Ÿฅ‡ Gold!
    5
  829. I've got some non-JS videos in the works, rust next.
    5
  830. ๐Ÿฅ‰ Bronze
    5
  831. ๐Ÿคฆ
    5
  832. They call it a "key-value and document database". TBH it's one of the least dev-friendly databases I've ever worked with.
    5
  833. One of the greatest players to ever throw a pitch ๐Ÿ˜‰ https://www.baseball-reference.com/bullpen/Michael_Jordan
    5
  834. Full Angular6 guide coming soon.
    5
  835. Haha, I definitely need it
    5
  836. You can do both with Firebase, but it defaults to token-based
    5
  837. Server components look very cool, but still a long way off for production use.
    5
  838. Nobody gets all of them right https://youtu.be/pL7h1tUzrBs
    5
  839. Had they not built that prototype in 10 days, we would very likely be using some Microsoft-developed language. Interesting to think about the hypotheticals if JS had failed early on.
    5
  840. ๐Ÿฅˆ Silver
    5
  841. Gold ๐Ÿฅ‡
    5
  842. Cool, thanks for the feedback! This was one of the most difficult videos for me to make so far. I will definitely expand on it.
    5
  843. That's a topic I wanted to cover, but the video was getting too long. I hope to release a follow up that covers pausing, canceling, and refunding. For now, check this out: https://stripe.com/docs/subscriptions/canceling-pausing
    5
  844. Gold ๐Ÿฅ‡
    5
  845. Gold! ๐Ÿฅ‡
    5
  846. Howdy ๐Ÿค 
    5
  847. ๐Ÿฅ‡ Gold!
    5
  848. ย @alien6009ย  the syntax is not ideal, but what it does is very useful
    5
  849. 4th, this was a competitive one. Here's a participation medal ๐Ÿ…
    5
  850. Yep, easy mistake to make. I've done it.
    5
  851. Me too, it's going to be epic :)
    5
  852. You generate a new one and replace the old hash.
    5
  853. Figured I give it a shot
    5
  854. ๐Ÿฅ‡ Gold!
    5
  855. After releasing the app I got some value feedback that will improve the course, also made some updates for Dart 2.3. Stay tuned for more updates.
    5
  856. that's my goal with these quick videos :)
    5
  857. That's a good question... I also dislike how they named "justify-content" and "align-items" - it should be "main-aligment" and "cross-alignment" similar to Flutter.
    5
  858. That's next on the CSS list
    5
  859. I can't make any guarantees, but COBOL would preferred ;)
    5
  860. I was actually quoting Chris Sacca there as an exaggeration. I agree that great ideas definitely have value. I like the explanation that an "idea" is a "multiplier" of execution https://sivers.org/multiply
    5
  861. Google raised prices about 2 years ago. Mapbox is great, but they don't have street view.
    5
  862. That would be a perfect topic for this series.
    5
  863. A Nest GraphQL video is on my list. You'll see a few more Nest vids on this channel soon :)
    5
  864. ๐Ÿฅ‡ Gold!
    5
  865. That's what this channel is here for, thanks for watching!
    5
  866. You should (a) use Docker OR (b) use Redis Enterprise Cloud with the Redis Insight tool. I've done both on windows.
    5
  867. Yes, the fn runs on the main thread, but after all sync code is cleared from the stack.
    5
  868. ๐Ÿฅ‡ Gold!
    5
  869. It is supported in iOS and android, so it could potentially work in Ionic. You would have to use Dynamic Links. I plan on experimenting with this in the near future.
    5
  870. YouTube should auto-generate subtitles, not sure why they're missing right now...
    5
  871. Wanna build a web app? Vue. Wanna build a native mobile app? Flutter
    5
  872. Haha, I hear you. My brain is way over its capacity, but once the important stuff sticks it's OK to let the garbage collector take care of the rest.
    5
  873. ย @AsimNizย  I like that idea. For Flutter, most people have to use In App Purchases, so you might find this vid useful https://youtu.be/NWbkKH-2xcQ
    5
  874. One of the best gifs ever
    5
  875. No, that is strictly for the demo. In a real app, you would likely have a link tag and imports in a css file
    5
  876. Thanks for catching that, updated the description links :)
    5
  877. Participation medal ๐Ÿ…
    5
  878. Gold! ๐Ÿฅ‡
    5
  879. This channel has been needing a flutter video, I have a few ideas in the works.
    5
  880. Haha, it wasn't too severe to rerecord, but I knew somebody would notice
    5
  881. Yes the firebase auth uid is a great tool for modeling user relationships.
    5
  882. That's definitely on the list. I will do a video about roles/authorization or access control lists in the near future.
    5
  883. Firestore is only a database, so you would need to build a system for creating and validating content. Contentful is especially useful when you have team members who are content creators, but not coders.
    5
  884. ๐Ÿ‘‹
    5
  885. Haha, gotta love Udemy's prolific marketing machine
    5
  886. Thank you, my goal is for this channel to be useful for all levels of Angular expertise
    5
  887. Yes, I am going to update my playlists right now :)
    5
  888. ๐Ÿฅ‰ bronze, something something Didnโ€™t Kill Himself
    5
  889. It will... Brazil in currently in preview https://stripe.com/global#BR
    5
  890. ๐Ÿฅˆ Silver
    5
  891. ๐Ÿฅ‡ Gold!
    5
  892. Just good stuff to keep on the radar, not something you need to know :)
    5
  893. What kind of issues are you running into?
    5
  894. I hear you - thanks for the feedback. I also provide a detailed write-up that you can translate and follow along with. I try to keep videos around 10 min, so most of them are very fast paced.
    5
  895. Go on... What specifically? I expected this video to get mixed opinions.
    5
  896. Haha, pretty much. I also need Adobe software and like windows as a general purpose OS, so it's the best of both worlds.
    5
  897. ๐Ÿฅ‡ Gold!
    5
  898. You can also use React Suspense for things like that, but that's a topic for another video...
    5
  899. Thanks Elon, love your rockets.
    5
  900. Gold ! ๐Ÿฅ‡
    5
  901. Gold ๐Ÿฅ‡
    5
  902. ๐Ÿ’ช Using sveltefire for an internal project now and working out the kinks. Will make a proper video in a few weeks
    5
  903. Nothing against Angular, I still use it on Fireship.io. Svelte just provides some really nice UI patterns for Firebase that I can't ignore.
    5
  904. It's def much more intuitive than apache cordova, but still needs time to mature.
    5
  905. Wow, this is amazing. I might have to feature this comment in the next video ๐Ÿ‘
    5
  906. I like that! I actually have a list of lesser known web/pwa features going now.
    5
  907. I agree for the most part. The Firebase console is very intuitive.
    5
  908. https://media.giphy.com/media/DrJm6F9poo4aA/source.gif
    5
  909. ๐Ÿฅ‡ Gold!
    5
  910. ๐Ÿฅˆ Silver
    5
  911. Thank you very much, really appreciate the feedback :)
    5
  912. Soon, very soon.
    5
  913. Gold ๐Ÿฅ‡
    5
  914. Yep, been messing around with SvelteKit recently and it looks very promising.
    5
  915. Glad to hear that :)
    5
  916. ๐ŸŽ–๏ธ participation medal
    5
  917. Good question, that's straight from their starter demo.
    5
  918. It's one of the most permissive open source licenses. Do whatever you want with the code.
    5
  919. I agree, my bad, I did not catch that in my headphones.
    5
  920. Added that to the revisions list +1
    5
  921. Similar concept, yes.
    5
  922. Yes
    5
  923. The tech is interesting, but you're right. I called it a pyramid scheme myself here: https://youtu.be/wHTcrmhskto?t=273
    5
  924. I hear you. I've become much more considerate about the pacing on more recent videos.
    5
  925. ๐Ÿฅ‡gold!
    5
  926. ๐ŸŽ–๏ธ participation medal
    5
  927. I'm going to provide the thumbnail and raw video and grant permission to repost or reuse the content.
    5
  928. Silver ๐Ÿฅˆ
    5
  929. That also works well
    5
  930. ย @ian4175ย  haha, good call. There are two 7s. 6 should be upgrade to blaze, set a budget.
    5
  931. Thanks, that would be cool! I've seen Unity sponsor creators as well :)
    5
  932. Yes, in fact I have two more git videos lined up - "Merge Conflicts" and "How to submit a PR on Github"
    5
  933. I like it! (In case you haven't noticed)
    5
  934. ๐Ÿฅ‡ Gold!
    5
  935. It only took four months and at least three complete restarts to get here, so I'm more than glad to hear that
    5
  936. ๐Ÿฅ‡ Gold!
    5
  937. That's good, I was worried people would not get my dry sense of humor
    5
  938. My dream is to someday get to 100K subs so I can retire ;)
    5
  939. Funny you should ask. That's the exact topic of my video tomorrow. It will cover retrieving and updating Firebase data with ngrx/effects.
    5
  940. Yes, I could probably make a sequel to this one. RxJS is complex library.
    5
  941. Great points, I would consider creating a full Rx course if people request it. There are a lot of subtle gotchas. I do plan on making a detailed video covering Dart streams + RxDart in the future :)
    5
  942. Well done! Send me a private message on slack to get hooked up with some swag :)
    5
  943. I'm going to make a new video on this topic soon. Atom-one-dark + vscode icons theme.
    5
  944. Gold ๐Ÿฅ‡
    5
  945. That would only be fair
    5
  946. It's more useful than I'd like to admit
    5
  947. The video does have a "paid promotion" disclaimer at the beginning
    5
  948. Yes, routing and RxDart will get their own full videos in the future. I have a long list of topics :)
    5
  949. I like that idea! There are plenty of ways to might improve the current demo.
    5
  950. Those rules apply to Realtime DB, but this video is specific to Firestore. If you run `firebase init firestore` it will generate another file to define your rules in the IDE.
    5
  951. Haha, good point! Like I said, horse racing is random
    4
  952. It was just so easy to make :)
    4
  953. Nice, it's one of my favs :)
    4
  954. Good ideas, I've been thinking about doing a user profile pic lesson. Email verification would also make a good lesson.
    4
  955. ย @patrickmullot73ย  haha, I happen to share a birthday with him Aug 21
    4
  956. Thank you. Will do!
    4
  957. ๐Ÿฅ‡ Gold!
    4
  958. ๐Ÿฅ‡ Gold!
    4
  959. Yes, large multi-stream chats will need to implement something like a Selective Forwarding Unit SFU to be efficient with bandwidth.
    4
  960. Ah I did not even know that a CC was required. I've always considered GCP a prerequisite for Firebase.
    4
  961. Totally, the VS code plugin is amazing. Not to mention all the code generating schematics.
    4
  962. I agree, there is a place for both. I felt obligated to stick up for Angular a little bit due to the bias in the survey.
    4
  963. โ€‹ย @bobarndt862ย  A crutch? You could apply that thinking to all tooling - work smarter, not harder. I hate to be the bearer of bad news, but Vue 3 will be written in TS and react's CLI just announced official TS support last month https://github.com/facebook/create-react-app/pull/4837
    4
  964. You are a rare breed. Welcome, and I don't dislike react for the record :)
    4
  965. Yes, that is a big plus for Angular. React projects tend to get messy unless you have a good separation of concerns strategy in place, like redux or similar.
    4
  966. Yes you can, thank you!
    4
  967. ย @MrJona9999ย  Yes, good looking hair or GLH for short :)
    4
  968. Angular recently released a new browser extension, I'll cover it eventually.
    4
  969. It was fun, I have loose plans for the history of Firebase next :)
    4
  970. You might be right, will be interesting to see how it plays out.
    4
  971. ๐Ÿฅ‰ Bronze
    4
  972. This video has become a bit dated at this point. I recommend this video for a more comprehensive and updated solution https://angularfirebase.com/lessons/google-user-auth-with-firestore-custom-data/
    4
  973. I think flutter is great and may do vids on it in the future. In fact, I have a side project being built with flutter now. But there are tradeoffs, both good and bad. Ionic is still the fastest path to an app if you know the web.
    4
  974. Haha, it does sound like a meow, but that's impossible. Must have been my two-year old :)
    4
  975. ๐ŸŽ–๏ธ participation medal
    4
  976. Yes, there is a link to the full writeup in the video description.
    4
  977. Silver ๐Ÿฅˆ
    4
  978. I just use a linux app called "simple screen recorder", then adobe premier for editing.
    4
  979. I agree, it's just a common criticism when people first encounter them.
    4
  980. Yes, I've got a web3 project in the works
    4
  981. Silver! ๐Ÿฅˆ
    4
  982. Haha, most hacks these days are bitcoin related.
    4
  983. That's what mobile app developers say about web development ๐Ÿ˜‚ - but I will say basic animations are way easier on the web.
    4
  984. ๐Ÿฅ‰ Bronze
    4
  985. ๐ŸŽ–๏ธ participation medal
    4
  986. Sure no prob, here ya go https://youtu.be/Qa8IfEeBJqk
    4
  987. ๐Ÿฅˆ Silver
    4
  988. Transactions and batches would make a good mini-video for the future.
    4
  989. Yes, you'll be billed for the full collection query, but that is definitely possible
    4
  990. Generally, this is something you debounce in the client. So you might have a GPS update every 500ms, but you only actually write to the DB every 10 seconds. There are other strategies as well depending on how your UI needs to present the data.
    4
  991. Dart (language) and Flutter (framework) are successful at cross platform mobile dev for serveral reasons IMO - simplicity, type safety, & performance. Start here https://youtu.be/7sJZi0grFR4
    4
  992. ๐Ÿฅ‡ Gold!
    4
  993. imo, that idea is a little played out at this point. Look for things nobody else is doing if you want to stand out.
    4
  994. Gold! ๐Ÿฅ‡
    4
  995. It "comes" full circle in the final 10 seconds
    4
  996. It's an urban legend as I mentioned, but still a good integer overflow example.
    4
  997. ๐Ÿฅ‰ Bronze
    4
  998. ๐Ÿฅˆ Silver
    4
  999. It is, Vue Transitions and Angular Animations follow similar patterns. The CSS is universal.
    4
  1000. Oops, bad audio edit there. My bad!
    4
  1001. I'm looking into this possibility with CRISPR
    4
  1002. You're well on your way :)
    4
  1003. I believe it!
    4
  1004. Age doesn't matter. The range is actually very wide and not part of the criteria at all.
    4
  1005. That's why noted it with "pre-catalina".
    4
  1006. thank you!
    4
  1007. ๐Ÿฅ‡ Gold!
    4
  1008. ๐Ÿฅ‡ Gold!
    4
  1009. An actual cost comparison between Redis/Relational/Document dbs might make a good future video...
    4
  1010. You will see more Svelte content on the channel soon. I have a big project planned :)
    4
  1011. Nice, I have not used their product yet, but 500 minutes of free build time is generous.
    4
  1012. https://giphy.com/gifs/EiiGGv6HgL43e
    4
  1013. Yes, I would recommend using docker to run locally. This image has everything you need, then deploy wherever you want https://hub.docker.com/r/redislabs/redismod
    4
  1014. VS Code, see vid description for details.
    4
  1015. Fauna is very cool, I'll do a full project with Fauna eventually.
    4
  1016. ๐Ÿฅ‡ Gold!
    4
  1017. All of them are
    4
  1018. Highlighted reply +Bernardo Escoffiรฉ Torre "In case anyone is scratching is/her head on this error, in my case it was because the directive is not <lazy-child> but <app-lazy-child> as for Angular CLI v 1.4.1 (sept, 2017)"
    4
  1019. Worldwide!
    4
  1020. It works the same in a cloud function, so I would recommend using this anytime you're incrementing a value to make it atomic.
    4
  1021. Combine this video with this one: https://youtu.be/WUPEUjvSBW8
    4
  1022. Gold ๐Ÿฅ‡
    4
  1023. Thank you! For sure, the backend implementation is where things can get tricky.
    4
  1024. I hear you. I started with React, went to Angular, now find myself working with React again. They're both good for different reasons
    4
  1025. Maybe... It will not replace JS solutions, but it's a much better hybrid alternative for those with C/Java backgrounds, while being just as suitable for web devs. It can also build Fuchsia apps, so that's a big wildcard.
    4
  1026. Awesome, great to hear that. Testing Angular can be very cumbersome and Cypress really makes it more intuitive
    4
  1027. Great insight, thank you! I agree and the "hybrid" app ecosystem as a whole is very hard to navigate, so this just adds one more variable to the mix.
    4
  1028. Haha! Thanks ๐ŸŒŸ๐ŸŒŸ๐ŸŒŸ
    4
  1029. I actually use brave for the most part, but firefox has an awesome grid inspector.
    4
  1030. Silver ๐Ÿฅˆ
    4
  1031. ย @-lil_pย  You just did, the .card class was a flexbox ;) But I have a more formal "grid vs flexbox" idea on my list.
    4
  1032. It's possible, I can do these in just a few hours as opposed to multiple days :)
    4
  1033. It's been around for awhile, but not sure https://gph.is/28QwTIm
    4
  1034. You can use both with WSL, but I feel you.
    4
  1035. It's possible, Flutter has the potential to be a great desktop UI tool.
    4
  1036. Thank you Rishav!
    4
  1037. Yes, you do because it 's considered an outside API call.
    4
  1038. That would make a great topic, thanks!
    4
  1039. Haha, yes. They appear in every video if you listen close enough
    4
  1040. Thanks! Yes, I would use lazy loading for every page since there's no major drawback AFAIK. Angular uses webpack code splitting to keep the critical path as lean as possible.
    4
  1041. Awesome, glad you like it. Thank you!
    4
  1042. +Misk Thanks for the suggestion. I will do universal video soon. Stay tuned.
    4
  1043. +Val Thank you. I actually covered PWA for Angular last week https://youtu.be/51Nd_mTpugY
    4
  1044. It's not really an alternative to Firebase (just Firestore or RTDB), they actually work well together.
    4
  1045. Good call, username would be better.
    4
  1046. ๐Ÿฅ‡ gold!
    4
  1047. That'd be cool, I might make a handful of mini-video like 3 minutes long that cover topics like tis
    4
  1048. Silver ๐Ÿฅˆ
    4
  1049. ๐ŸŽ–๏ธ participation medal
    4
  1050. Gold ๐Ÿฅ‡
    4
  1051. Yes, I have an outline for Angular Top 7 things to know that covers this, but not sure when that will be ready.
    4
  1052. Rules are very important with Firebase. I plan on making a comprehensive rules video out in the future.
    4
  1053. ๐Ÿฅ‡ Gold!
    4
  1054. ๐Ÿฅˆ Silver
    4
  1055. I've never used MS bot framework, but Dialogflow is much better than AWS Lex imo.
    4
  1056. I like the idea. If enough people request it, I will make it :)
    4
  1057. No TS, no official router, smaller community. Code splitting is possible in svelte AFAIK, so lazy loading should doable.
    4
  1058. Svelte actually outperforms Angular 1 (and React) on most benchmarks https://www.stefankrause.net/js-frameworks-benchmark7/table.html Also, watch the talk I linked in the description from rich harris, he goes into detail about perf.
    4
  1059. That means I did my job :)
    4
  1060. Gold! ๐Ÿฅ‡
    4
  1061. It's not sponsored, but you're right, WSL is going to get more people using Linux. It was co-created by Canonical.
    4
  1062. WSL? Yes. Not WSL2 yet.
    4
  1063. Hasura is awesome, I will make that video eventually.
    4
  1064. I did notice additional latency with Firestore, so that could be a reason. The realtimeDB could be superior for data that doesn't ever need sorting, filtering, or relational features. It's a fast and convenient way to throw around tree-like data.
    4
  1065. Server components are definitely cool, I'll cover that eventually as they make more progress.
    4
  1066. Blazor is in the queue
    4
  1067. Gold ๐Ÿฅ‡
    4
  1068. Send me a private message on our slack channel. I have student discount code for you :)
    4
  1069. Yes, I want to do an SEO video covering server side rendering, but I'm waiting for the Angular team to provide more guidance on official best practices. Hopefully that happens soon...
    4
  1070. Gold ๐Ÿฅ‡
    4
  1071. Thanks for noticing : ) I think that's about as concise as you can get with the JS .
    4
  1072. Bronze ๐Ÿฅ‰
    4
  1073. Silver๐Ÿฅˆ
    4
  1074. Good call. It's only guaranteed in certain cases, right? I don't think the for-in loop would be ordered in ES6
    4
  1075. VS Code + Quokka + Atom One Dark Theme
    4
  1076. I was having the same issue, YouTube's fault I think.
    4
  1077. Quokka
    4
  1078. Thank you, interesting suggestion!
    4
  1079. Thank's my goal - Thank you!
    4
  1080. ๐Ÿฅˆ Silver
    4
  1081. Will do, I'm working on a full Ionic course now
    4
  1082. Thank you. Sorry, not yet. I'm going to release an Ionic course soon then hopefully put something together after that.
    4
  1083. Atom one dark. Recently changed the font to Fira Code.
    4
  1084. For this simple demo I just manage the code manually, but recently made an Nx video you might want to watch https://youtu.be/VUyBY72mwrQ
    4
  1085. It's really underrated, I've been enjoying it!
    4
  1086. Gold! ๐Ÿฅ‡
    4
  1087. I know, that's why I already have a long-format grid project in the works.
    4
  1088. Wow, congrats! Happy to have played a small role in the process :)
    4
  1089. Honored to have him as a special guest on this video!
    4
  1090. Gold ๐Ÿฅ‡
    4
  1091. ๐Ÿฅ‰ Bronze
    4
  1092. Just might do that. There are many other extensions and features that were left out.
    4
  1093. Yes, this is a great area. I have my own opinions that don't align perfectly with the rest of the Flutter community. I have a dead simple state management approach using rxdart that I may open source in the future :)
    4
  1094. TypeScript is now supported by Firebase Tools :) Use the official guide over the content in this video https://firebase.google.com/docs/functions/typescript
    4
  1095. ๐Ÿฅ‡ Gold!
    4
  1096. Thank you! Yes, many more Ionic videos planned
    4
  1097. Well played
    4
  1098. ๐Ÿฅ‡gold
    4
  1099. Awesome!
    4
  1100. Me too, I hope to make it unlike any coding video you've ever seen.
    4
  1101. That's the goal! I'm trying to follow up most of these with an in-depth tutorial for those who want to go further.
    4
  1102. This should get your started ;) https://youtu.be/dXjKh66BR2U
    4
  1103. Gold ๐Ÿฅ‡
    4
  1104. Good points, but I disagree. Most people value convenience over privacy - think Facebook, Amazon Alexa, etc - browser payments are a small leap IMO.
    4
  1105. ย @mozesong5264ย  Firestore scales automatically, you never have to think about it. A SQL database can scale vertically with more memory/cpu to handle writes & data capacity, or horizontally with with read replicas. The vertical part is where things get expensive and/or hit bottlenecks.
    4
  1106. Thanks for watching :)
    4
  1107. 12% is actually really impressive considering how young it is. SQL has been the gold standard forever.
    4
  1108. ๐Ÿฅ‡ Gold!
    4
  1109. Glad to hear that! Many more on the way :)
    4
  1110. ๐Ÿ”ฅ ๐ŸŠ I think that has a better right to it than gatorship.io
    4
  1111. Thank you! Hue-rotate is a cool one
    4
  1112. Happy birthday ๐Ÿฐ
    4
  1113. That's fair. CI/CD would have been good, that's been a solid trend for a few years and also applied to frontend. Go is awesome as well, hoping to see a Go cloud functions runtime soon.
    4
  1114. I don't have a timeline for a full course, but you can expect the first flutter video sometime this month :)
    4
  1115. Yes, that is a topic on the list.
    4
  1116. This is the first of many
    4
  1117. ๐Ÿฅ‡ Gold!
    4
  1118. ๐Ÿฅ‡ Gold!
    4
  1119. Those are good questions and I'm not sure yet... I will try to address them in a full tutorial.
    4
  1120. Yes, I got it working on windows
    4
  1121. The vidoes are always posted to youtube, but you get full access to the code with additional written commentary. Check out all the benefits here: https://angularfirebase.com/pro/
    4
  1122. ย @elmotarealย  No, but there are tools designed for this like Cordova and Capacitor (Ionic).
    4
  1123. But fast to develop
    4
  1124. Just doing my job!
    4
  1125. I'm pretty sure the math works the same for both theories :)
    4
  1126. Haha, me and everybody else. It's the most downloaded NPM package of all time :)
    4
  1127. I'll be back
    4
  1128. ๐Ÿฅ‡ Gold!
    4
  1129. It took a crazy amount of time to edit ๐Ÿคช
    4
  1130. If you're not careful you might miss it
    4
  1131. Thank you Firas ๐Ÿ™
    4
  1132. Great idea! It's on the list :)
    4
  1133. That would create an infinite loop!
    4
  1134. Welcome to the channel Siva ๐Ÿ‘‹
    4
  1135. That is good advice! It's nice to know the main CLI commands, but the VS Code git panel and GitLens plugin will make you more productive.
    4
  1136. Not to publicly-traded corporations
    4
  1137. Haha! I had some fun with the edits :)
    4
  1138. ๐Ÿฅˆ Silver
    4
  1139. I will never stop stopping.
    4
  1140. Gold ๐Ÿฅ‡
    4
  1141. Ah yes. I'd rather help the AI so I'll be on their good side when they arrive ;)
    4
  1142. Thanks for the feedback. I'm working on that ;)
    4
  1143. Gold! ๐Ÿฅ‡
    4
  1144. Go is something I would like on this channel, but have a lot on my plate currently.
    4
  1145. I wouldn't say I'm missing it Niraj https://youtu.be/kXsIfpnThFA
    4
  1146. Great ideas. I actually thought about outlining congressional districts with a GeoJSON layer, but that would be a lot of extra work.
    4
  1147. So this dataset defines a mass shooting as one with "4+ people killed or injured". I don't think it's a great definition, but that's just the nature of the dataset.
    4
  1148. I understand. We try to keep the videos short to avoid repeating the same topics over and over again.
    4
  1149. Awesome! The topic came from a suggestion in the slack channel last week :)
    4
  1150. Expect more electron next week!
    4
  1151. ๐Ÿฅ‡ Gold!
    4
  1152. Gold! ๐Ÿฅ‡
    3
  1153. Silver! ๐Ÿฅˆ
    3
  1154. ย @darshangowda309ย  Haha, it was hard to find the right linear regression gif
    3
  1155. React just merged official TS support for create-react-app last month, so it seems to be improving
    3
  1156. Can't think of two better languages to learn in 2019.
    3
  1157. Me too, that would be amazing
    3
  1158. No, just fireship.io. Too difficult to manage both.
    3
  1159. Really appreciate that confidence! I try to make very video as awesome as possible :)
    3
  1160. Thanks Raja! Yes, when you have labeled data it's supervised learning. The Sequential model was not pre-trained, I trained it in the browser by calling.fit(), but doing a linear regression with TF is overkill.
    3
  1161. +Kiran Nice, looks like there were a lot of interesting talks I still need to watch.
    3
  1162. I agree, I have some pretty interesting ideas for browser-based ML.
    3
  1163. The API is about 90% covered. Feels similar in most ways, but there are some differences.
    3
  1164. That's a good idea. Spam filters were one of the first successful uses of neural nets.
    3
  1165. Thanks for watching, those would make good advanced topics ๐Ÿ‘
    3
  1166. I hear you, trying to do a mix of both formats.
    3
  1167. Deal
    3
  1168. I recently saw a story of someone who learned to code and got a job in their 50s
    3
  1169. ๐ŸŽ–๏ธ participation medal
    3
  1170. Thank you!
    3
  1171. ๐Ÿฅ‰ Bronze
    3
  1172. ๐Ÿฅˆ Silver
    3
  1173. ๐Ÿฅˆ Silver
    3
  1174. Gold! ๐Ÿฅ‡
    3
  1175. When you work with GraphQL apis, it becomes easy to write expressive optimistic queries from the frontend. If you missed the first half of this lesson you can watch it out here: https://youtu.be/8D9XnnjFGMs
    3
  1176. Good call, thanks ๐Ÿป
    3
  1177. Sounds like fun!
    3
  1178. haha, I wonder how many still remember? Those are the ones to watch out for
    3
  1179. That's on my list. Do you want to see a codemagic video or something else?
    3
  1180. Well done! You just won yourself a T-shirt :) DM me on slack with your size/address https://fireship.page.link/slack
    3
  1181. Gold ๐Ÿฅ‡
    3
  1182. Universal performs faster, but it is harder to setup and easy to break if you touch the DOM directly.
    3
  1183. Firebase is built on top of GCP, so they are the same. Firebase is high level and makes everything easier to work with, while GCP is more low level.
    3
  1184. ๐Ÿฅ‡ Gold!
    3
  1185. ย @borisyordanov7939ย  Thanks for the links. Again, using className is not a big deal at all, but JSX takes some getting used to and readability suffers on large components IMO. Angular is more "sugary", but I totally get preference for a more pure JSX system.
    3
  1186. That's possible. I you planning on using in app payments?
    3
  1187. I'll give you more :)
    3
  1188. Lol, "don't mean to be rude" and "butt hurt" don't belong in the same sentence. The survey is a biased sample, nobody doubts that (not even the creators). A lot of people seemed to be butt hurt about these very minor places where I highlighted Angular's strengths. React has many advantages over Angular - this video was not supposed to be a fair comparison.
    3
  1189. Vue is great and has amazing docs. Outside of Angular, I mostly use Vue and StencilJS these days.
    3
  1190. Thank you, I plan on more general topics in the future.
    3
  1191. Big fan of Stencil. Even though JSX is annoying, it's a small price to pay for a really good web component tool.
    3
  1192. Gold! ๐Ÿฅ‡
    3
  1193. gold ๐Ÿฅ‡
    3
  1194. Native is actually much easier. I also have a lesson for flutter apps on iOS https://fireship.io/courses/flutter-firebase/project-auth-apple-signin/
    3
  1195. That's awesome, need to do another sticker giveaway soon
    3
  1196. That was the joke
    3
  1197. Totally, you just nailed it. That's exactly how it played out, I did not plan on making this video until I reached the "action" step.
    3
  1198. Thanks for sticking around until the end of the vid :)
    3
  1199. Bronze ๐Ÿฅ‰
    3
  1200. That could be an interesting topic, I'll add it to my idea list
    3
  1201. Gold ๐Ÿฅ‡
    3
  1202. Gold ๐Ÿฅ‡
    3
  1203. ย @leerobย  Nice channel, subscribed!
    3
  1204. Yes, pretty much. Gatsby is more focused on SSG for content-rich sites like blogs. I meant to make a quick comparison to in the video.
    3
  1205. According to Canonical and its African origin word, it's oo-boon-tu
    3
  1206. I thought about Browserify if it's any consolation. There were a lot of things left out. I may do a history of NodeJS in the future that would include it.
    3
  1207. Good catch! BW is amazing
    3
  1208. ๐Ÿฅ‡ Gold!
    3
  1209. Awesome, thank you for the support! Just in time for the Ionic course later this week :)
    3
  1210. Yes, you need cert for your app with push notifications enabled. Open your project in Xcode >> capabilities to turn them on.
    3
  1211. The Firebase plugin has more activity from the maintainers, but either one could potentially work.
    3
  1212. ๐Ÿฅ‡ Gold!
    3
  1213. Looking forward to some advanced NGXS stuff in the future.
    3
  1214. Thanks for building a great library! Excited to see where it goes :)
    3
  1215. Good call, you're right. Thank you.
    3
  1216. Nice! First confirmed delivery to Ghana :)
    3
  1217. Haha. It's amazing that's the website one of the most used technology products in the world.
    3
  1218. This is a top priority.
    3
  1219. Point taken, I pledge to never premiere again. TBH I dislike them as the creator also.
    3
  1220. All the changes are positive IMO, but a complex app could be hard to migrate. That's partly why I'm developing a new course from scratch.
    3
  1221. ๐Ÿฅ‰ Bronze
    3
  1222. ๐Ÿฅ‡ Gold!
    3
  1223. ๐ŸŽ–๏ธ participation medal
    3
  1224. Gold! ๐Ÿฅ‡
    3
  1225. ๐Ÿฅˆ Silver
    3
  1226. ๐Ÿฅˆ Silver
    3
  1227. Gold! ๐Ÿฅ‡
    3
  1228. You don't need react. Vite is just an easy way to setup a project with NPM and hot module replacement, but it's not necessary.
    3
  1229. Bronze ๐Ÿฅ‰
    3
  1230. Participation medal ๐ŸŽ–๏ธ
    3
  1231. I don't do sponsored videos at all. In this case, I was in contact with the company in advance but they had no creative control over the content. So I would have made the same video in either way.
    3
  1232. ๐Ÿฅ‡ Gold!
    3
  1233. Yep, I it uses Nest for SSR and also has a prerendering option with a vanilla JS script.
    3
  1234. Thanks! That gave me a boost of motivation, 1M feels pretty far off at the moment.
    3
  1235. Wouldn't miss it for the world ๐Ÿ˜‰
    3
  1236. ๐ŸŽ–๏ธ participation medal
    3
  1237. Yes, decorator overuse can def be a problem. Already quite a few decorators in Angular.
    3
  1238. That does sound like a good use case ๐Ÿ‘
    3
  1239. Silver ๐Ÿฅˆ
    3
  1240. Bronze! ๐Ÿฅ‰
    3
  1241. Hablo un poco espaรฑol
    3
  1242. Thank you very much :)
    3
  1243. Thank you :) You can find it here https://audiojungle.net/item/ambient-deep-loop/19729970?s_rank=2
    3
  1244. Now that Firestore is available, this can be achieved without this the extra data denormalization https://youtu.be/_X5FbiW0L_8
    3
  1245. That's one way way to do it.
    3
  1246. Very exciting, we will see a lot more cloud/browser apps in the next few years with wasm also.
    3
  1247. Yes, you're right. I wish I would have talked more about that, but you'd want to combine them in a single loop when performance is a concern
    3
  1248. Good points, thanks! I agree 100% with your first one. I think you meant Promises (not Observables) on the second point, which I encounter in every project and async/await truly boosts productivity and readability.
    3
  1249. Interesting, I wish I had time to take a trig class now - I think I would enjoy it a lot more now :)
    3
  1250. You can find a crying baby in all 170 of my videos
    3
  1251. That's a great question and should have covered it. You have some options: (1) publish it on NPM publicly (2) publish it privately and update .npmrc with an auth token (3) package it and include the bundle the functions dir. I'll update the article with more details.
    3
  1252. I've done a few map integrations with Angular in the past, but a revised episode will likely happen in the future.
    3
  1253. There is a pull request for handling taps on the map. So this feature is lacking today, but will probably be available any day now. https://github.com/flutter/plugins/pull/1121
    3
  1254. Thank you, hopefully next month. Currently working on a stripe payments course.
    3
  1255. ๐Ÿฅ‰ Bronze
    3
  1256. ๐Ÿฅˆ Silver
    3
  1257. ๐Ÿฅ‡ Gold!
    3
  1258. The pro membership has a variety of topics, some 100% firebase, some 100% angular, and others a mix of both. Later this week I am releasing a new course focused on cloud functions that is framework agnostic.
    3
  1259. No, this video is actually a bit over-optimized. Firebase does not charge for the cached results on a listener https://firebase.google.com/docs/firestore/pricing
    3
  1260. You can piece them together to build almost anything :)
    3
  1261. Very familiar ๐Ÿ˜
    3
  1262. That feature will eliminate a lot of code in certain apps, router guards require a decent amount of boilerplate.
    3
  1263. Haha, nice catch!
    3
  1264. That's just my style, too late to slow down now.
    3
  1265. Thank you Janco ๐Ÿ˜„
    3
  1266. ๐ŸŽ–๏ธ participation medal
    3
  1267. ๐ŸŽ–๏ธ participation medal
    3
  1268. Gold ๐Ÿฅ‡
    3
  1269. Bronze ๐Ÿฅ‰
    3
  1270. vscode-icons
    3
  1271. Mostly adobe premiere :)
    3
  1272. It's fine, it's publicly available if you want to reach out
    3
  1273. haha, I always wondered how Plumbuses got made ;)
    3
  1274. Great to hear that :)
    3
  1275. Thank you, yes I really need to update my playlists.
    3
  1276. ๐ŸŽ–๏ธ participation medal
    3
  1277. ๐Ÿฅ‰ Bronze
    3
  1278. Sac town is where I lay my mack down
    3
  1279. Except that's not the idea at all
    3
  1280. silver! ๐Ÿฅˆ
    3
  1281. Silver! ๐Ÿฅˆ
    3
  1282. GCP is my preferred cloud, I just used AWS because they have more stuff to play with
    3
  1283. That's only true on a cold start when nest is bootstrapped. Since all endpoints run via the same cloud function it will be fast for an app that receives steady traffic.
    3
  1284. +Nodarii Thank you! I have had mixed reviews about the music, so glad to hear you enjoy it.
    3
  1285. Good question. That's actually a "best practice" to prevent new values being pushed to the BehaviorSubject from outside the service. Completely optional though.
    3
  1286. ๐ŸŽ–๏ธ participation medal
    3
  1287. ๐Ÿฅˆ Silver
    3
  1288. Gold medal for you :)
    3
  1289. Just a simple copy and paste from here https://emojipedia.org
    3
  1290. Yes, just link back and attribute it properly.
    3
  1291. Nope, I have a degree in a unrelated field totally useless to me (finance).
    3
  1292. Thanks for the feedback! Provider and Firebase make a great combo, expect more in the future :)
    3
  1293. No, you do not. However, they have a free tier that allows you to edit charts in their GUI.
    3
  1294. +Nizar Thank you very much!
    3
  1295. It really does not matter, just use what you like. React, Vue, Svelte, Angular, jQuery... the only thing that matters is that you ship the end product.
    3
  1296. Awesome :) Thank you very much Puneet!
    3
  1297. Haha, I won't argue with that. It's useful if you need to retry requests, but the browser `fetch` API is much more user friendly.
    3
  1298. Let's chat over email, I just pulled up the tracking and the last update was "South Africa - Unsuccessful item delivery attempt "
    3
  1299. Haha, you're right ๐ŸงŸ๐ŸงŸ๐ŸงŸ
    3
  1300. PWAs definitely, but it really depends on the tools you use. Building a PWA in Angular is much different than Svelte, for example.
    3
  1301. Awesome tool! Thanks for making it ๐Ÿ‘
    3
  1302. Awesome, thanks Will :)
    3
  1303. Gold ๐Ÿฅ‡
    3
  1304. Thank you. I could see both sides, especially if your app is accessed on many devices. OAuth is still the best option IMO.
    3
  1305. https://nodejs.org/dist/latest-v10.x/docs/api/fs.html#fs_fs_promises_api
    3
  1306. ๐Ÿฅ‰ Bronze
    3
  1307. ๐Ÿฅˆ Silver
    3
  1308. ๐Ÿฅ‡ Gold!
    3
  1309. Redis also persists to the disk so it can be rebuilt to RAM when the db is restarted.
    3
  1310. ๐Ÿฅ‰ Bronze
    3
  1311. ๐ŸŽ–๏ธ participation medal
    3
  1312. ๐Ÿฅ‡ Gold!
    3
  1313. It was just relevant to this video, I actually plan on mentioning rxjs/angular in the next one :0
    3
  1314. Gold ๐Ÿฅ‡
    3
  1315. That's fine if you only need the most recent message. Scan allows you to keep a running array of the message history.
    3
  1316. Thank you. Yes, Roled-based user permissions for Firestore is next on the list.
    3
  1317. I said I would make this video six months ago, so glad to finally have it done. Thank you.
    3
  1318. Captain planet
    3
  1319. It depends if you count Angular.js v1, which released in 2010.
    3
  1320. Thank you :)
    3
  1321. +1 that would be a nice touch.
    3
  1322. That's the idea, a Backend-as-a-Service :)
    3
  1323. Thank you :)
    3
  1324. Haha, that's exactly how I felt too
    3
  1325. Fixed! ty
    3
  1326. Good question ๐Ÿค”
    3
  1327. I have a lot of Py experience, just too many topics in the queue right now.
    3
  1328. Thanks! That was a last minute addition
    3
  1329. You may not have a choice ๐ŸงŸ
    3
  1330. Thank you Maverick!
    3
  1331. Do you want to join our slack team? It's easier to talk code there. Here's the invite link https://join.slack.com/angularfirebase/shared_invite/MjA2NTgxMTI0MTk2LTE0OTg4NTQ4MDAtMjhhZDIzMjc0Mg It sounds like the LazyChildComponent might be missing from the declarations in the LazyModule?
    3
  1332. Glad to hear you're finding the topics useful!
    3
  1333. Dang, they are mailed via US Postal Service without tracking to keep costs reasonable. Feel free to DM on slack and I can replace it.
    3
  1334. It is a confusing name IMO, it should be "merge request" (that's what gitlab calls them).
    3
  1335. No, I don't. I offer a pro membership that provides full access to my content + other benefits. Tomorrow, I am releasing a pro video for ngrx with the Firestore database.
    3
  1336. I actually like your approach - redux dev tools is doing basically what audit trail would do and statechanges isn't really useful in this scenario. I am releasing a video tomorrow that extends this video with ngrx effects and firestore, but it's only available to pro members.
    3
  1337. +Kevin Thank you! Really appreciate that.
    3
  1338. I did it that way primarily to show the shape of the entity data. The docs have a better explanation of the method here https://github.com/ngrx/platform/blob/master/docs/entity/adapter.md#getinitialstate
    3
  1339. It can be used in anywhere. I just focused on the frontend because many of these tasks are traditionally handled on the backend.
    3
  1340. Multiple array vals would be awesome. A workaround is to use a map, instead of an array, but this has limitations also and needs an index for every combo.
    3
  1341. Thank you for this, it really got me thinking... The fact is that virtually all startups and many enterprises are building their products in the cloud today. Your points are 100% valid and the world might be a better place if it were more decentralized. This inspired me to work on a video called the "The Cost of the Cloud" that will provide a detailed breakdown of cloud pricing models. If you have any ideas I would love to hear them
    3
  1342. Haha, thank you Rey :)
    3
  1343. I'm using Angular 6 mostly now.
    3
  1344. You can still use your ORM, but instead of REST endpoints you would create graphql resolvers. Apollo is not required, but it provides consistent framework especially when used on both the client and server.
    3
  1345. Silver ๐Ÿฅˆ
    3
  1346. Thank you! Excellent emoji usage ๐Ÿป
    3
  1347. ย @firaskudsyย  yes, the angular firebase membership will work on both :)
    3
  1348. ย @TheNewtonย  Yes, it covers saved cards and subscriptions. In some cases, the user needs to re-authorize but they try to optimize for future usage https://stripe.com/docs/payments/payment-intents#future-usage
    3
  1349. Do they use the same codebase? I should have made that more clear.
    3
  1350. This is a pro-PWA strategy and really validates them as solution for mobile. It allows you to invest in the web first, but add discover-ability to the play store. At the end of the day, Android is just a wrapper for the web app, so it's not like locking into a platform - you literally need to have a live web app for it to even work.
    3
  1351. It all depends on the app. Ionic is great if you need more than PWA features, but TWAs are a far easier approach than integrating cordova/webviews if your app fits the right criteria.
    3
  1352. PWAPK is the most perfect name ever :)
    3
  1353. Code everyday and try to build cool stuff :) Then try teach it by blogging or making videos
    3
  1354. Always great to hear that! Thanks Rey :)
    3
  1355. ๐Ÿฅ‡ Gold!
    3
  1356. I've got a really unique idea for a full CSS course, stay tuned!
    3
  1357. Gold ๐Ÿฅ‡
    3
  1358. Glad you liked it! I definitely plan on doing more on RxJS, as this video is really just scratching the surface.
    3
  1359. Thank you!
    3
  1360. The $key comes from angularfire, but version 5 changed how this works. You will need to map the key from `snapshotChanges` if you want to use it. I am going to release a brand new file upload video very soon, so stay tuned.
    3
  1361. Yes, check out the "Upload from String" section in the firebase docs https://firebase.google.com/docs/storage/web/upload-files
    3
  1362. You found a bug, good work. The problem was that the upload task was defined on the service, when it should really only be defined inside the function. Check out my changes to the upload service on Github and I will post an update to this video in the future. https://github.com/codediodeio/angular-firestarter/blob/master/src/app/uploads/shared/upload.service.ts
    3
  1363. I always try to cram as much information into 10 minutes as possible :) Thanks for the feedback!
    3
  1364. Gold! ๐Ÿฅ‡
    3
  1365. Bronze! ๐Ÿฅ‰
    3
  1366. Silver! ๐Ÿฅˆ
    3
  1367. +Mazouzi Awesome! Let me know if there's anything you want to see.
    3
  1368. That's my goal - maximize content, minimize time.
    3
  1369. Better SSR support would be nice, and also Push Notifications. Elements might be able to help solve some of the SSR issues in the future.
    3
  1370. Oh yeah, that's super useful. All object props get indexed, so you can do: ref.where('obj.foo.bar', '==', 23)
    3
  1371. That would would make a good quick video, there are some powerful use cases actually.
    3
  1372. Yes, that is one of my plans for the near future - more full courses. Possibly Udemy as well.
    3
  1373. Losing money is one thing, but google therac-25, that one is really scary.
    3
  1374. Thanks for the feedback. I will try to zoom a little less on the next one.
    3
  1375. Sharing data easily has always been a big one for me, makes prototyping way faster imo.
    3
  1376. Yes, I'm working on a quiz-style app for fireship, then a course that shows you how to build it from stratch. Expect that late march, early april.
    3
  1377. Not a bad choice :)
    3
  1378. +MrJerczu Thank you! Glad to get feedback that this format is helpful.
    3
  1379. It's mostly part of instantsearch, but with a few customizations.
    3
  1380. https://audiojungle.net/item/ambient-deep-loop/19729970
    3
  1381. The AppID and SearchOnly Key can be exposed - I don't actually need to blur them. It's only the Admin key that you have to be extra careful with because it has write access.
    3
  1382. Yes it will be a project based course about building a quiz app with flutter/firebase
    3
  1383. That is a good point, thank you!
    3
  1384. It's about firestore specifically. There are some paralells to mongodb tho.
    3
  1385. If you have a computed value, like a user's lifetime game points or something, you can use cloud functions to aggregate the value to a single doc.
    3
  1386. I am considering it. Slack is already established, so migrating might be hard.
    3
  1387. Yes, I'm pretty confident you'll see some flutter content here soon :)
    3
  1388. Thanks Cameron! Hypothetically, that could lead to improvements, but if you have an app that needs WASM performance on the web, you'll probably want your mobile app to be native to maximize the device's capabilities.
    3
  1389. Will do! Thank you Zaheer
    3
  1390. The Ionic 4 beta is pretty solid, so I would feel confident starting there. Migrating from 3 to 4 is quite painful, so you should try to avoid that.
    3
  1391. Vince, that's not exactly true. Apple will only reject an app if it appears as a 1-to-1 clone of a website. Using a webview is not the root of the problem per se.
    3
  1392. Thank you, appreciate the feedback :)
    3
  1393. Good suggestion, I hadn't thought of that, but it would make a good video. A solution for ACL would probably look somewhat similar to the 3rd method in this video. Create a collection of users -| userId -| { itemFoo: true }, or the inverse based on items, items -| itemId -| { userBar: true }
    3
  1394. + Neilor. Thank you! I get all of my ideas directly from the community - glad to hear you liked the topic.
    3
  1395. I did not mean to imply it was a drop-in replacement for WP. Sure, you could build your own REST API on many platforms, but the value of Contentful is that you don't have this burden.
    3
  1396. Where did you ask? I am working on revising old episodes for the next few months and this one is on the list
    3
  1397. These notifications still work in the background, they will simply open the app when clicked. If you want to navigate after the click, that's when you would use onResume or onLaunch
    3
  1398. Gold ๐Ÿฅ‡
    3
  1399. CyberJeff wishes
    3
  1400. Serverless is a great place to start. Always try to keep it simple in the early stages until you identify the right stack, having real customers is what really drives the right feedback. Good luck!
    3
  1401. gold ๐Ÿฅ‡
    3
  1402. Based on a true story. COBOL is still commonly found in enterprise banking software.
    3
  1403. Thanks Kevin! Yes, three cloud functions was a lot to fit into a single video :)
    3
  1404. Wow sounds like fun
    3
  1405. Yes an extra section is being added. The other parts still work, but may not support 3d secure
    3
  1406. That is a good point. I didn't really cover that aspect, but will add some additional notes to the main article. You can write rules that apply to incoming data on the user doc, but I like your approach as well.
    3
  1407. ๐Ÿฅ‰ Bronze
    3
  1408. Thank you - I certainly will :)
    3
  1409. +Johnny Thank you, I appreciate that :)
    3
  1410. ๐Ÿฅ‰ Bronze
    3
  1411. There's always going to be a little bit of config with SSR, but it seems pretty painless. An official router would great, but even React doesn't have an "official" router.
    3
  1412. Harsh, but I accept your decision. I will try to do better.
    3
  1413. Bronze ๐Ÿฅ‰
    3
  1414. Silver ๐Ÿฅˆ
    3
  1415. Participation medal ๐Ÿ…
    3
  1416. You can keep your dual boot. I tried WSL for a few months and just never log into the Ubuntu side anymore, but it's there if I need it.
    3
  1417. A Mac is a great option for most devs, you're right, but there's a bunch of other tradeoffs like price, customization, other software selection, etc.
    3
  1418. I agree, Linux is better. WSL is a good thing for Linux. In my case, I cannot avoid Windows, so it just means I get to use Linux where I otherwise wouldn't bother.
    3
  1419. Might be hard to pull off in 3 days, but have some birthday cake in the meantime ๐Ÿฐ
    3
  1420. REST in peace
    3
  1421. Nice, I am going produce videos building features with Firestore. Let me know what you would like to see.
    3
  1422. Yes, it seems most developers are using VS code for Angular development, so I decided to switch for the videos.
    3
  1423. +David Thank you! Looking forward to building cool stuff with Firestore :)
    3
  1424. gold! ๐Ÿฅ‡
    3
  1425. That would make a good video, I will keep it in mind. Thank you!
    3
  1426. Bronze ๐Ÿฅ‰
    3
  1427. Silver ๐Ÿฅˆ
    3
  1428. gold ๐Ÿฅ‡
    3
  1429. Yes, my courses are much more comprehensive. Expect a full react course later this year.
    3
  1430. Probably right, I thought it was Portland, Oregon
    3
  1431. ๐Ÿฅ‰ Bronze
    3
  1432. Yes, if you link to other files and assets, they need to be "served" so the browser can find their relative paths with HTTP.
    3
  1433. The logic and process is the same, just a slightly different API for making queries dart.
    3
  1434. Bronze ๐Ÿฅ‰
    3
  1435. ๐ŸŽ–๏ธ Participation medal
    3
  1436. Open the /android folder with AndroidStudio. You'll see a play button on the top right corner that will run an emulator. No need to create the APK manually.
    3
  1437. Hi Mike, thanks for posting this. I made zero effort to fix that issue because I mostly wanted to prove the build process worked on all platforms, but this will be helpful to someone working with geolocation on desktop.
    3
  1438. ๐Ÿฅ‰ Bronze
    3
  1439. ๐Ÿฅˆ Silver
    3
  1440. That works for one device, but this would allow progress to be saved accross all devices.
    3
  1441. Thank you. Yeah, that topic has been in my mind - I was thinking about doing a handful of common Firestore data modeling examples like chat, follow-system, votes, etc.
    3
  1442. Thank you! Traditional schools might teach you this in a few years after it becomes obsolete :P
    3
  1443. Thanks for watching :)
    3
  1444. Thanks for noticing ๐Ÿ˜
    3
  1445. Agreed! The benefits of "serverless" are also huge for large/enterprise teams.
    3
  1446. That's a tribute to the JavaScript interviewers out there asking trick questions
    3
  1447. The loop short circuits when i==3, so that is the expected final value that broke the loop and stopped the code in braces from running.
    3
  1448. I will make a video that reveals all this stuff very soon :)
    3
  1449. ๐ŸŽ–๏ธ participation medal
    3
  1450. ๐Ÿฅ‡ Gold!
    3
  1451. Bronze ๐Ÿฅ‰
    3
  1452. Guaranteed hire walking through the door with that shirt on :)
    3
  1453. That's a fair point, terraform in 100 seconds is on the list.
    3
  1454. Thank you!
    3
  1455. Work is already underway on a full testing video
    3
  1456. Thank you. Yeah, I was super impressed from day one and it just keeps getting better
    3
  1457. There is a Docker plugin,. Ran out of time but will probably cover it in a future video. You can attach the debugger directly to containers.
    3
  1458. +Carlton thanks for watching, glad you like the new graphics :)
    3
  1459. Webstorm is a great product, I've just gotten used to the lightweight feel of VS Code.
    3
  1460. That may happen! I was thinking about doing a basic crud layout with Firestore.
    3
  1461. Not sure.. that seems like a good compromise to me.
    3
  1462. https://audiojungle.net/item/ambient-deep-loop/19729970
    3
  1463. ย @ubaids1211ย  I uploaded this video unlisted to a playlist a few days ago, must have found it there early.
    3
  1464. Haha, I should use this on the sales page :)
    3
  1465. You just have to learn to love big brother
    3
  1466. Thank you! As PWAs start taking off this will replace most checkout forms.
    3
  1467. Yep, it's similar to patterns you'll see in Ruby On Rails, Laravel, etc.
    3
  1468. Just takes a lot of practice (and patience)
    3
  1469. I will try, the playlists need some cleaning up.
    3
  1470. Gold! ๐Ÿฅ‡
    3
  1471. ๐Ÿฅˆ Silver
    3
  1472. Gold ๐Ÿฅ‡
    3
  1473. Thank you! Stay safe out there, things are looking especially tough in Italy right now.
    3
  1474. As of today, the job market is extremely strong. I would still definitely move forward with your plans and hopefully you find a good position. If the stock market continues to fall, the job market may tighten up afterwards, but that's just speculation on my part.
    3
  1475. Yes, it replaces them. It's an ORM with it's own schema language + code generation for the client library.
    3
  1476. ๐Ÿฅ‡ Gold!
    3
  1477. Draggable is one of the coolest dnd libraries ever and pairs well with Firestore's new array field methods.
    3
  1478. Nope, never been in contact with them.
    3
  1479. But with true SSG you can just upload the files to a storage bucket - no server runtime needed. Remix does not have a mechanism like getStaticPaths to do that. In theory, with perfect caching you could get the same perf, so I get what you're saying, but I'd bet on SSG being faster in the real world. The ability fetch data in parallel is really cool tho.
    3
  1480. I will allow you to watch it again at no additional charge ;)
    3
  1481. Quokka vscode plugin
    3
  1482. ๐Ÿฅ‡ Gold!
    3
  1483. Thank you Rohan. I hope to see web components make the "framework wars" a much smaller issue in the future.
    3
  1484. That was the big story of 2018, I almost added a reflection of that trend, but they will also grow in 2019.
    3
  1485. Yes, that is a topic I will revisit soon. I tackled role based auth awhile ago, so maybe next time I will setup an access control list
    3
  1486. It depends. ng-container is used when you don't want a dom element rendered, but often you want that div wrapper to for applying css styles.
    3
  1487. I meant frontend UI frameworks, deno is a backend server runtime
    3
  1488. We won't know if this is a joke until next month.
    3
  1489. That's fair. There are still limitations, but web capabilities have improved a ton over the last few years.
    3
  1490. ๐Ÿฅ‡ Gold!
    3
  1491. ๐Ÿฅ‡ Gold!
    3
  1492. Yes. When the course is completely finished, I will add a price. Right now it's in preview for members.
    3
  1493. ๐Ÿฅ‡ Gold!
    3
  1494. Nice, it's cool to see Vue in the Ionic docs now.
    3
  1495. Gold! ๐Ÿฅ‡
    3
  1496. I've always felt the same way - would be super convenient. I assume they are missing because the Object is so fundamental to the language. You can use the `Map` class as an alternative.
    3
  1497. Gracias!
    3
  1498. No, it needs the extension to work.
    3
  1499. ๐ŸŽ–๏ธ participation medal
    3
  1500. Not at all. Angular is solid. V13 has some nice updates, but nothing too game changing. The updated component API looks interesting.
    3
  1501. Had not consider that, added to the list!
    3
  1502. Mostly Premiere, with a little Aftereffects & Figma.
    3
  1503. Their ios/android apps may be RN, but I believe their Desktop app is electron-based.
    3
  1504. It has some benefits, but I prefer Electron over NW. Still would not rule out a future video :)
    3
  1505. Me too :) A lot of progress has been made and will have an early demo for pro members in approx 4 to 8 weeks.
    3
  1506. ๐Ÿฅ‡ Gold!
    3
  1507. It's a relatively new feature in Chrome. The one in Firefox is even better.
    3
  1508. Participation medal ๐Ÿ…
    3
  1509. I had a project for a client that simply was not feasible in the RTDB, so that compelled me to package this into a library.
    3
  1510. Yes, will probably have a good amount of Ionic 4 stuff in the future. That would be a good one.
    3
  1511. Great to hear that :) Checkout the new apple sign in video bc it's a requirement for iOS apps.
    3
  1512. Silver ๐Ÿฅˆ
    3
  1513. Yes, I'm working on a project called Fireship.io that will include a good deal of advanced angular content.
    3
  1514. Gold ๐Ÿฅ‡
    3
  1515. ๐Ÿฅˆ Silver
    3
  1516. Gold! ๐Ÿฅ‡
    3
  1517. Gold ๐Ÿฅ‡
    3
  1518. Good call! Pagination is a great way to reduce costs.
    3
  1519. Silver ๐Ÿฅˆ
    3
  1520. That is good practice, although I'd like to see Firebase add some sort of default sandbox in the future.
    3
  1521. For sure, it is super useful :)
    3
  1522. Thank you Nash!
    3
  1523. They have JS sdk, but have not actually used it with react.
    3
  1524. Awesome! I'm not an expert animator, but sometimes I can make things look cool.
    3
  1525. So close. Send me an email or DM, I'll hook up some stickers.
    3
  1526. Yes, lodash functions are optimized for performance across all platforms. Specifically the isEqual and get functions would be hard to implement on your own
    3
  1527. That means you don't need it, most apps don't. It's just a strict pattern for managing global data.
    3
  1528. I've set a hard release date before Google I/O on May 7th. I may release it in several parts before then.
    3
  1529. I wanted to highlight the worst case scenario
    3
  1530. Thank you. I did quite a lot to optimize perf. Will talk about that more in the future.
    3
  1531. That's awesome!
    3
  1532. Silver ๐Ÿฅˆ
    3
  1533. Mohyeddine... Will you accept this rose ๐ŸŒน
    3
  1534. ๐Ÿฅˆ Silver
    3
  1535. Thank you, really appreciate the support :)
    3
  1536. I agree with you, thanks for feedback. That's an opportunity for a future video.
    3
  1537. Do you have an example of your approach? I could see stacking a bunch decorators being a nice way to apply composition
    3
  1538. Thank you Kevin. Ready for a much needed break, but have some cool stuff in the works for 2019.
    3
  1539. Check out the live stream in the video feed from a few months ago where I give away all these secrets
    3
  1540. I will do that soon, specifically for iOS/Android. It unlocks some of the best features in Firebase
    3
  1541. I hear you, sorry. State management is an fairly advanced topic and not required by most apps.
    3
  1542. +Harikrishnan Thank you for the feedback! It is possible to combine reducers, but there's a pull request in ngrx currently for a utility method that will handle this exact problem, so maybe we will see that in the future.
    3
  1543. As popular and underrated as ever :)
    3
  1544. Very true, it will continue to be one of world's most used language for the foreseeable future.
    3
  1545. I think a lot of people silently share that opinion, but the status quo usually doesn't last long in JS.
    3
  1546. Easter egg! Love that soundtrack.
    3
  1547. quicklink
    3
  1548. Haha, I think there is some truth to that a statement. Still, it's a great starting language IMO.
    3
  1549. Swap PHP with Ruby. It's a well established lang, just not my personal fav.
    3
  1550. The name comes from the source data. "People violence with guns" just doesn't have the same ring to it. FWIW the data shows some interesting trends, like states with strong gun laws (CA, IL) are violent hotspots. https://www.kaggle.com/jameslko/gun-violence-data
    3
  1551. Depends on the type of API key. A read-only browser key for google maps is fine.
    3
  1552. I gave one of my steps a name of "build", but could have named it anything. It's just the process of turning source code into production code for the end user.
    3
  1553. Great to hear that!
    3
  1554. That is a good point. You secure a firebase app by defining rules - I talk about this concern in detail here: https://youtu.be/1PEdd2rtG30
    3
  1555. Thank you! I actually have a video for this using the realtime DB, but am planning an update with Firestore in the future. https://youtu.be/3qODuvp1Zp8
    3
  1556. Originally, I planned to use update, but with Firestore you can't just run update() on a record that doesn't exist (unlike RTDB). So this method will reset the user doc on each new session. If that's not desired, you would need a method that (1) checks if the user records exists (2) runs update if true or set if false.
    3
  1557. ๐Ÿฅ‡ Gold!
    3
  1558. I get my best ideas from Slack :)
    3
  1559. That's a good question. I imagine it could be a problem, especially if you load multiple pages concurrently, but have not experienced this myself. You can increase memory to 2GB if needed.
    3
  1560. Thanks for watching!
    3
  1561. That is a good point, but I don't think there's any reliable way around it. If you can't obtain the user's location, you can (1) set default coordinates so the user at least sees something or (2) show an error message explaining how to turn on geolocation.
    3
  1562. Totally, I've screwed up module paths countless times in the CLI
    3
  1563. I like that idea +1
    3
  1564. Bronze ๐Ÿฅ‰
    3
  1565. Silver ๐Ÿฅˆ
    3
  1566. I had many doubts too. I've been plesently surprised for the most part, but there are some tradeoffs I'll cover in the next vid.
    3
  1567. Awesome, thanks for the tip!
    3
  1568. Silver ๐Ÿฅˆ
    3
  1569. Gold! ๐Ÿฅ‡
    3
  1570. Thank you! Welcome to the channel ๐Ÿ˜
    3
  1571. If you inspect the source code you can copy the raw SVG from the HTML. You didn't hear this from me.
    3
  1572. Thank you! margin:auto is super useful in flexbox.
    3
  1573. Welcome to the channel, thank you!
    3
  1574. I'll allow it
    3
  1575. Haha, I hear you. I always look for the path of least resistance and Firebase is a great tool for doing that. RDBMS is a great skill and becoming even more valuable with people overhauling their backend code with GraphQL apis.
    3
  1576. ๐Ÿฅ‡ Gold!
    3
  1577. Will do, I often incorporate them into my advanced lessons. Also, I think the official Firebase team has some rules content around the corner.
    3
  1578. I'm sure you could scape a bunch of secret keys there
    3
  1579. Thank you! This is a very important area that seems to get overlooked way too often.
    3
  1580. ๐Ÿฅˆ Silver
    3
  1581. Yes, but it has a serverless pricing model, so you pay for what you use. It's cheap compared to similar alternatives.
    2
  1582. Love you too
    2
  1583. Yes, I want to use this vid as the foundation for some more advanced concepts.
    2
  1584. ๐Ÿฅ‰ bronze!
    2
  1585. ย @damionwright9605ย  hello@angularfirebase.com
    2
  1586. WINNER! Congrats, you are the lucky T-shirt winner. Send me a private message with your shipping details https://youtu.be/ujaMvl5M8nY
    2
  1587. That could be cool. Maybe throw Reasonml into the mix as well.
    2
  1588. Thank you! You get a free shirt if you're a lifetime member, or you can buy one here https://teespring.com/en/fireship-classic
    2
  1589. That is true, but functions are typically far less expensive than scaling your own containers/vms. Not to mention you don't have to pay somebody to worry about scaling/security.
    2
  1590. Totally! I know how that feels.
    2
  1591. I know, I see that design everywhere now. This design is harder to copy :)
    2
  1592. Welcome to the channel!
    2
  1593. Thanks! No plugin, that's just what vscode does if typings are available
    2
  1594. WINNER! Congrats, direct message me with your address and shirt size :)
    2
  1595. Thanks for the feedback!
    2
  1596. ๐Ÿฅˆ Silver
    2
  1597. ๐Ÿฅ‰ Bronze
    2
  1598. ๐Ÿฅ‰ Bronze
    2
  1599. It rounds to five minutes
    2
  1600. Yes, it is possible. You can update the inventory in a cloud function with the admin database, so the user will never have write permission to an item. (stay tuned for a Stripe/Angular video part 2 releasing today).
    2
  1601. ๐Ÿฅˆ Silver
    2
  1602. ๐ŸŽ–๏ธ participation medal
    2
  1603. ๐Ÿฅ‡ Gold!
    2
  1604. You bring up a good point there. As far as I can tell, the only solution would be to denormalize usernames into their own collection. That's actually what I did in a past lesson with RTDB https://angularfirebase.com/lessons/custom-usernames-with-firebase-authentication-and-angular/#Modeling-the-Username-Data
    2
  1605. Your method works also. In this case the query should be fast either way because it's only sending one doc across the network.
    2
  1606. ubuntu
    2
  1607. Nice, it's awesome for the JAM stack
    2
  1608. Nice! Let me know how it goes
    2
  1609. Yes, forgot to mention that. It pricing is very generous tho and will likely be free unless you have a big active build process.
    2
  1610. I like Vue. That might be something you'll see on this channel in the future
    2
  1611. Thanks for the suggestion, I'll try to fit in a "code this, not that" every couple weeks.
    2
  1612. Thanks for the links, that is a fair point +1. My thinking is that it would't be very practical, but I'm sure there are clever use cases.
    2
  1613. Sweet! The tf.Sequential API is especially cool because it's similar to Keras - my all time favorite Python package.
    2
  1614. +Suraj, thank you for watching <3
    2
  1615. A video like that is highly likely - Kaggle is where I usually get my training data.
    2
  1616. Thank you, just fixed that.
    2
  1617. It's not supported in Node yet, but I am really looking forward to this possibility. It would be best for predicting or possibly training small models, and tightly integrated with your Firebase data.
    2
  1618. ๐Ÿคฆ yep, fixed. Thank you!
    2
  1619. You could write a single Ionic app in that case to work on all platforms. It's also possible to just have multiple apps and my next video will actually be about project structuring and monorepos.
    2
  1620. TF has been on my list for awhile. I'll try to put something cool together soon :)
    2
  1621. I don't love that either, but I'm not sure there's a way around it. The routing could be refactored to not use named outlets, but I'm assuming the Ionic team has a good reason for structuring it this way.
    2
  1622. Thank you, comments like this keep me motivated to make more
    2
  1623. That could make a good practical demo, thanks for the suggestion.
    2
  1624. Gold ๐Ÿฅ‡
    2
  1625. ๐Ÿฅ‡ Gold!
    2
  1626. Yes, it works natively on iOS and Android
    2
  1627. Silver ๐Ÿฅˆ
    2
  1628. Gold! ๐Ÿฅ‡
    2
  1629. Yes they are! Thank you :)
    2
  1630. It depends on the type of testing. For end to end I would use Cypress.io, but for unit tests you may have to do a lot of mocking/stubbing to test things in isolation.
    2
  1631. Thank you, building an assistant app is not hard at all if you're comfortable with nodejs.
    2
  1632. It can get way more advanced from here, I'll do more in the future.
    2
  1633. This channel will be renamed to Fireship.io soon - you might even see some react content here in the future
    2
  1634. Yes, in fact Flutter is my preferred way to build mobile apps. Maybe a course in early 2019
    2
  1635. Me too, this was a MUCH needed feature for Firebase.
    2
  1636. ย @patrickmullot73ย  Only 250, less than I thought. But a task queue with RTDB is possible https://cloud.google.com/scheduler/quotas
    2
  1637. Yeah that is very cool. The only thing about users hitting this API is that there are limits to how many jobs can be running in a project, so you might need a shared task manager of some sort.
    2
  1638. Nice! That's a good use case
    2
  1639. I use Firestore on Fireship.io and it's awesome for my needs. Most past projects use some flavor of SQL as the primary db.
    2
  1640. I plan on doing some SQL content here in the near future :)
    2
  1641. https://en.wikipedia.org/wiki/Raiders_of_the_Lost_Ark
    2
  1642. That is quite the rรฉsumรฉ. I am also loving Neo4j.
    2
  1643. I think there's more out there than I anticipated :)
    2
  1644. Thank you Logan :)
    2
  1645. I consider myself a zero
    2
  1646. Interesting, thanks for reporting. This was a bare minimum example, so there could be many gotchas. I'm started a guide that can hopefully provide workarounds for issues like this https://fireship.io/snippets/angular-universal-ssr-cookbook/
    2
  1647. Thank you, it's one of those things that used to be hard, but `ng add` makes it way easier now.
    2
  1648. I like that idea, schematics has been on my list forever. It is a challenging topic to cover.
    2
  1649. If your content does not change frequently then prerendering is great - that's what I do for fireship.io w/ ng elements.
    2
  1650. ๐Ÿฅ‰ Bronze
    2
  1651. ๐Ÿฅˆ Silver
    2
  1652. Great to hear that, thanks for submitting it :)
    2
  1653. WINNER! - Shoot me an email hello@angularfirebase.com so I can give you the T-Shirt code privately.
    2
  1654. WINNER! - Shoot me an email hello@angularfirebase.com so I can give you the T-Shirt code privately.
    2
  1655. Thank you Johan. I have a lot more planned with SEO and server side rendering. PWAs are growing fast, so that will also be a major focus
    2
  1656. WINNER! - Shoot me an email hello@angularfirebase.com so I can give you the T-Shirt code privately.
    2
  1657. That's a big one, lot's of moving parts, so would probably be multiple videos.
    2
  1658. Both high priorities for the near future :)
    2
  1659. NgRx is long overdue, I will try to get more out soon
    2
  1660. WINNER! - Shoot me an email hello@angularfirebase.com so I can give you the T-Shirt code privately.
    2
  1661. I like that idea. There really needs to be some "Enterprise" geared Firebase content.
    2
  1662. Where are you from? Did you submit the github PR for a sticker?
    2
  1663. React is superior for flexibility, no question. That's a good thing if your team can standardize some conventions, but can also be a source of confusion.
    2
  1664. Yes, that was kinda the point. I wanted to highlight a few strengths of Angular. I plan on making a fair comparison in the future by building an app to spec with all three frameworks.
    2
  1665. ย @bibekthapa9468ย  Flutter is also missing a native DI solution, just like react, so redux-ish code is a common solution. Personally, I don't like the code overhead of redux, so I use RxDart to create reactive shared state. Hope to make some flutter vids in the future.
    2
  1666. โ€‹ย @jimfilippouย  Haha :) Someday React will be called a framework and Angular will be called a library. Picking the right tool is key ๐Ÿ‘
    2
  1667. React and Angular are solving similar problems so you have to look at the whole picture. React itself is minimal, but not so much when you have complex requirements and need to piece together routing, animations, state mgt, etc. Again, react is great for flexibility, but it's not "less complex" when building a full blown "interactive web app"
    2
  1668. That did cross my mind about jobs, but not sure if it's even possible to filter out Angular.JS. Most companies still hiring ng1 are likely thinking about upgrading to ng2 at this point.
    2
  1669. Congrats once again!
    2
  1670. Took awhile, but they're catching up now. I resisted TS at first too, but it's benefits are hard to deny.
    2
  1671. It would be almost exactly the same this year, lol
    2
  1672. I think that's fair, but at the end of the day, most devs are using these tools to build "large and complex" apps, so I'm comparing the overall ecosystem in that context.
    2
  1673. ๐Ÿฅ‰ Bronze
    2
  1674. ๐Ÿฅ‡ Gold!
    2
  1675. Coming soon...
    2
  1676. Will do in the future, they have some cool new features in the pipeline that I want to wait for
    2
  1677. WINNER - You are the chosen one. Send me a direct message your address and shirt size :)
    2
  1678. I use it everyday :)
    2
  1679. Haha, I was lucky to find a clip that worked perfectly.
    2
  1680. ๐Ÿฅˆ Silver
    2
  1681. ๐ŸŽ–๏ธ participation medal
    2
  1682. Participation medal ๐Ÿ…
    2
  1683. Silver ๐Ÿฅˆ
    2
  1684. It doesn't. Probably a false positive. It uses Angular and a little bit of vanilla js.
    2
  1685. Gold ๐Ÿฅ‡
    2
  1686. Thanks for the reference, I will check that out :)
    2
  1687. I like that idea. I have some PWA ideas in the works for the near future.
    2
  1688. I think I have some left, make sure to submit a PR https://youtu.be/8lGpZkjnkt4
    2
  1689. Email Bartosz. He might have discounts available. It's a small group training program, rather than a massive online course, which is why it's more expensive
    2
  1690. Silver ๐Ÿฅˆ
    2
  1691. https://youtu.be/nhBVL41-_Cw
    2
  1692. Make sure to install the React extension :)
    2
  1693. Silver ๐Ÿฅˆ
    2
  1694. Adobe premiere mostly
    2
  1695. Yes, AngularFire2 v4.0.0rc1. All videos on this channel use a starter app as the baseline (to avoid repeating similar concepts). You can check it out here: https://github.com/codediodeio/angular-firestarter
    2
  1696. That sounds pretty solid to me
    2
  1697. Participation medal ๐ŸŽ–๏ธ
    2
  1698. Bronze ๐Ÿฅ‰
    2
  1699. No https://github.com/framer/motion/issues/180
    2
  1700. Gsap in 100 seconds is on the list. React Spring is also cool, will probably make that video in the future.
    2
  1701. Which one?
    2
  1702. https://youtu.be/pL7h1tUzrBs
    2
  1703. Did YouTube not caption that right ;)
    2
  1704. Good question, Netscape and Sun worked out a deal. https://stackoverflow.com/a/2018747/3808414
    2
  1705. Gold ๐Ÿฅ‡
    2
  1706. Classes were proposed in es4, but that whole spec was scrapped, hence the dumpster fire meme
    2
  1707. Being developer is like an infinite loop of learning.
    2
  1708. ๐Ÿฅ‰ Bronze
    2
  1709. It's not a metric for quality, just provides a rough comparison of popularity
    2
  1710. Yep, you need to fork over $99 to Apple :(
    2
  1711. Yep that was a typo on the lesson code, it's fixed now.
    2
  1712. I'm working hard to get more videos out, thanks for watching :)
    2
  1713. Both libraries are excellent. If you already use NgRx and enjoy the dev experience, then I would stick with that.
    2
  1714. That's a good question, ngrx-data removes boilerplate, but you still need to know how the library works. It's good for prototyping faster for sure. It really comes down to deciding which one you like writing code with
    2
  1715. Both NgRx and NGXS store are just extensions of a BehaviorSubject. That is a very common pattern, but performance depends on many factors. Memory leaks could occur if you're not unsubscribing from data where needed. Run a snapshot recording in chrome to analyze.
    2
  1716. +Mateja That would make a great video - workers are really important with the rising popularity of PWAs.
    2
  1717. Yes, this was a much needed feature.
    2
  1718. Thanks! The thing I love about content creation is being able to try out the latest toys.
    2
  1719. Gold ๐Ÿฅ‡
    2
  1720. I have some pending work to resolve. Thank you for awaiting patiently ;)
    2
  1721. Dude! That is an awesome app. I'd love to feature it in a video. Message me on slack if you'd be interested in that https://goo.gl/qF8Q5r
    2
  1722. I will very likely include a section on geolocation :)
    2
  1723. It's possible because CSS variables are a browser implementation, but Ionic 4 has all the pieces in place for the ideal developer experience.
    2
  1724. Silver! ๐Ÿฅˆ
    2
  1725. Now that would make a good T-shirt
    2
  1726. Nice! auto-fit & minmax are awesome
    2
  1727. Good one! Shadows can also be be used to underline text without moving it.
    2
  1728. Nothing against tailwind, it's just important to understand the commitment involved.
    2
  1729. Great tip! That would make a good future video
    2
  1730. Check out Elm - it's a functional language for webdev
    2
  1731. ๐Ÿฅ‡ Gold!
    2
  1732. Yes, in fact, I created a whole course for that topic. It's free if you upgrade to a pro membership. https://projects.angularfirebase.com/p/stripe-payments-with-angular-and-firebase
    2
  1733. Yes, you need need billing enabled to make 3rd party API calls from FCF.
    2
  1734. ๐Ÿฅ‰ Bronze
    2
  1735. Silver ๐Ÿฅˆ
    2
  1736. I depends on the site, imo. Poorly designed ones are distracting, but good ones can create a cool experience for a portfolio or brand homepage.
    2
  1737. I will provide more details in the future, but it will provide "codelab" style lessons with features designed to mitigate problems with outdated content.
    2
  1738. Thanks Firas, I miss seeing you on slack. There are tradeoffs with everything, so I totally understand your decision.
    2
  1739. I like the music, but not everybody feels the same. I'll probably keep it for intros and outros for the most part
    2
  1740. Thanks! Tons of respect for your work :)
    2
  1741. Congrats! Not sure if you noticed, but you were in the ending credits :)
    2
  1742. Congrats! Thank you for all the comments :)
    2
  1743. Thank you! It is really great to get feedback like that :) There's still a lot more to accomplish
    2
  1744. Thank you Saad, part of the goal with fireship is to expand beyond the limitations of the current brand name
    2
  1745. I was able to sneak in your app at 0:55, but will do a better plug in the future :)
    2
  1746. It's awesome to hear that, I work hard to make it a solid return on investment.
    2
  1747. Thank you! Like I said, it's a two way street and I have tons of fun making these videos.
    2
  1748. That's great to hear :) One of the motivations behind the Fireship project is to expand the content to other platforms, including Android.
    2
  1749. Thanks for the feedback :) Angular is still going to be a core part of the content. I mostly wanted to drop Angular and Firebase from the name for long-term flexibility. The current site is just static HTML with a small amount of JS bc it's not very interactive. The new project will be much more interactive :)
    2
  1750. One option is to manage their state within a reactive form.
    2
  1751. Yes, the CDK can be used with any CSS library. Checkout the livestream on Wednesday to find out if you won the hat :)
    2
  1752. They are on their way out... Did you submit the github pull request giveaway? If so, I would give it about 1 to 2 weeks from now.
    2
  1753. This is cool one, very flexible and easy to use.
    2
  1754. Glad you like it. Thank you!
    2
  1755. Thanks! I used Aftereffects and pieced together some prebuilt animations
    2
  1756. No, I don't think its a great fit for this project. I would like to make an NgRx 8 video soon tho.
    2
  1757. Sorry to hear that, getting fired sucks, but usually works out for the better long term.
    2
  1758. gold ๐Ÿฅ‡
    2
  1759. Nice! Feel to email me your app when you're done and I'll feature it on the channel
    2
  1760. Yes, there is an extra invocation for each thumb. You could save the images to a different bucket to avoid this, but the extra invocations exit after a few ms, so it would only be a worthwhile optimization if you're uploading thousands of images per day.
    2
  1761. I wish, but that does not work in a storage function because the trigger is globally scoped. The only alternative is to save files to different bucket.
    2
  1762. Michel Parpaillon yes, please do. I would love to check it out
    2
  1763. Janco thanks for watching :)
    2
  1764. That's a good question. Yes, you generally want to give files a unique name or dir location, otherwise the new image will override the old one.
    2
  1765. That works, thanks for posting your fix :)
    2
  1766. ๐Ÿฅ‰ Bronze
    2
  1767. ๐Ÿฅˆ Silver
    2
  1768. ย @darshangowda309ย  Let's chat in slack, send me a dm there https://goo.gl/8BKA1e
    2
  1769. Great question. There is not a clean way afaik, but it is possible if you create an injector somewhere and import it. I should put a snippet up ok fireship.io
    2
  1770. Good call, I used to use lodash/get all the time before TS implemented optional chaining.
    2
  1771. Gold! ๐Ÿฅ‡
    2
  1772. Participation medal ๐ŸŽ–๏ธ
    2
  1773. ๐ŸŽ–๏ธ participation medal
    2
  1774. I do post on IG sometimes, follow me fireship_dev
    2
  1775. Good question. Yes, sass variables are compiled so they cannot be changed dynamically at runtime. It can actually be useful to use them together like this `$bg: var(--bg-color);`
    2
  1776. You can use the blaze plan, pay as you go, which will cost zero until you exceed the free plan limits
    2
  1777. Good idea, thank you. I have a paypal/braintree video on my todo list.
    2
  1778. You bet, thank you!
    2
  1779. Gracias Andres :)
    2
  1780. It depends... If you use something like an NX workspace to build a monorepo, or keep things separate
    2
  1781. Thank you Marius!
    2
  1782. You can have multiple PWAs, plus 1 ios and 1 android app per project.
    2
  1783. Gold ๐Ÿฅ‡
    2
  1784. Yes, expect an Ionic v4 tutorial very soon
    2
  1785. Thank you! Let me know if there are any topics you want to see.
    2
  1786. Silver ๐Ÿฅˆ
    2
  1787. Gold ๐Ÿฅ‡
    2
  1788. ๐Ÿฅˆ Silver
    2
  1789. ๐Ÿฅˆ Silver
    2
  1790. ๐Ÿฅ‰ Bronze
    2
  1791. I actually did buy the track from the very beginning, just accidentally used the demo on this video. Unfortunately, you can't easily fix issues like this on YouTube.
    2
  1792. I've been watching him since the early days. He used to expose "learn to code" scammers a few years ago.
    2
  1793. Interesting, that seems to be a rare outcome in these situations.
    2
  1794. ย @anc2k531ย  Well Angular is actually doing much better than Vue in NPM downloads and seems to have far better enterprise traction. These things are volatile and frameworks that look trendy now can be almost dead a year or two later... There are many smart people working on Angular and they have some very cool stuff coming in v8, imo they both look pretty bright right now
    2
  1795. Did you also run 'nvm install 10'. I went by that fast, but thats what actually installs node
    2
  1796. Cloud hosting costs. Some of the features are limited, such as access to non-open-source extensions. Some lag when performing certain tasks.
    2
  1797. Thanks for sharing, I've noticed a few minor issues like this also. It would be cool if there was a way to sync it locally to use your hardware when its available. That's how Figma works for example.
    2
  1798. I can confirm the same on my pixel :)
    2
  1799. Haha
    2
  1800. Haha, I did my best with the emoji selection, maybe a bolt would have helped ๐Ÿนโšก
    2
  1801. That means you're a pro :)
    2
  1802. Haha, I wish it were that easy :)
    2
  1803. Glad to hear I'm not the only one, haha
    2
  1804. Thank you! Yes, there are definitely times when regular loops are more appropriate. Those methods are just more convenient in simple cases.
    2
  1805. Thank you, now... https://gph.is/2nXN80P
    2
  1806. That is fair point, chaining these methods can be useful
    2
  1807. That works ๐Ÿ‘๐Ÿป
    2
  1808. I agree, just as long as the verbosity makes the code easier to understand. The trick is finding the sweet spot of "elegant" code.
    2
  1809. Concatenation is no big deal when you you a few small strings, but is a nightmare if you have a bigger template with HTML tags and line breaks, really easy to mess up spaces. Most languages provide some form of string interpolation because it reads more naturally.
    2
  1810. Lol, this is one area where I have to disagree with Google. I find the {bracket} placement annoying and typically follow the AirBnb style guide https://github.com/airbnb/javascript
    2
  1811. I'm thinking this format would fit good for RxJS, TS, Angular, and Firebase, so expect more :)
    2
  1812. ย @kardashevrย  I've wondered the same thing. Im married to JS, but miss my first love Ruby.
    2
  1813. atom one dark
    2
  1814. I am familiar. Not sure how they did it, but that would make a great demo.
    2
  1815. Thank you, I think they all have a place based on the use case. I'm thinking about doing a video called "how to build a mobile app in 2019", but you may find this useful https://itnext.io/should-you-use-ionic-4-fa04daebaffd
    2
  1816. Flutter's animation is hard to compare to the web. It could def be simplified in ways, but a big difference is that your animation is tied to he app state so it can be orchastrated. Also, it deals with jank/vsync which can be problematic with css
    2
  1817. gold ๐Ÿฅž
    2
  1818. I will likely do an NX video in the future with Ionic
    2
  1819. I will def have more Firestore content in the future :)
    2
  1820. I might, but have not used Akita yet. Looks like a well-thought-out lib tho.
    2
  1821. Haha, I try to keep most of the content pretty fast and advanced, but still approachable.
    2
  1822. Yes, I agree that would be nice.
    2
  1823. That's a good point. I often use valueChanges to manage validation messages, but adding debounceTime would be a good way to trigger the database update. I might add this article on the website. Thanks for the feedback.
    2
  1824. I've thought of this and may do it in the future. However, I currently have a video that is very similar in implementation covering Facebook-style reactions: https://youtu.be/_G5blkXLePY. You could follow a similar approach, but replace the reaction emojis with stars. The only thing to add is an aggregate count of total stars to show that an item has 4.23 out of 5 stars.
    2
  1825. ๐Ÿฅˆ Silver
    2
  1826. Glad to hear that. Optimizing for the cloud's cost structure can be very important.
    2
  1827. Almost everybody today relies on a cloud provider, even enterprise - AWS, GCP, Azure, or smaller cloud - tradeoffs for each.
    2
  1828. Yes, but it depends on how you create them. Because I was creating a new reference for each obs, it would be a unique read. A benefit of shareReplay is that it allows late subscribers to get the last value, otherwise they would get nothing or have to initiate a new read.
    2
  1829. I did not expect this channel to be more than a few videos. I might rename it in the next few months.
    2
  1830. Thanks Angel! I really try to keep things as practical as possible because it's the best way to learn IMO.
    2
  1831. ๐ŸŽ–๏ธ participation medal
    2
  1832. ๐Ÿฅ‰ Bronze
    2
  1833. ๐Ÿฅˆ Silver
    2
  1834. I hear you, the full writeup has links to the docs, but I would be happy to extend any specific parts you think need more details. https://angularfirebase.com/lessons/build-group-chat-with-firestore/
    2
  1835. The latency has seemed exceptionally fast lately on several projects, even considering the cold start. RTDB could be more economical, but the total storage cost per GB is much higher, so it depends on your needs.
    2
  1836. Haha, was wondering if anyone would catch that
    2
  1837. ย @TimLouwย  It was already there. It's just syntatic sugar for the "old way" code in the video.
    2
  1838. Thanks for the feedback. I've been looking into some new designs for the bg.
    2
  1839. You're right. In theory, a document ID should already be available if you're calling .doc, but it could be nice to have it there also. Might be a good feature request.
    2
  1840. That has been suggested by a few people now, it's on the list :)
    2
  1841. Haha, use it sparingly ๐Ÿง™โ€โ™‚๏ธ
    2
  1842. It had 183 videos of practice before this one :)
    2
  1843. ๐Ÿฅ‰ Bronze
    2
  1844. They are just strings, you can copy them from emojipedia.com
    2
  1845. The average video length is about 4 min and there are 32 of them... I will try to add lengths to the UI soon.
    2
  1846. Yes, GitHub link can always be found on the fireship lesson page.
    2
  1847. Good call ๐Ÿคฆ
    2
  1848. ๐ŸŽ–๏ธ participation medal
    2
  1849. ๐Ÿฅˆ Silver
    2
  1850. ๐Ÿฅ‰ Bronze
    2
  1851. I am a proud pug owner!
    2
  1852. Silver ๐Ÿฅˆ
    2
  1853. It should "just work" out of the box in VScode
    2
  1854. We have a slack channel for now https://fireship.page.link/slack
    2
  1855. I'm mostly writing TypeScript code, so it doesn't bother me. I'd prefer they run the latest node LTS version possible.
    2
  1856. Feel free to try it out if you want https://us-central1-fireship-demos.cloudfunctions.net/areYouOK
    2
  1857. ย @kmcatย  Do you run a YouTube analytics app or something? I didn't want to fill out that giant form
    2
  1858. I know, it's only running at short intervals for the first few hours. I wish I had the quota to just run it every 1 min.
    2
  1859. Maybe I could put together a snippet. They need to share the same parent formGroup, so you would pass them around with `@Input` or a shared service.
    2
  1860. WINNER - Send me an email at hello@angularfirebase.com for your free hat :)
    2
  1861. Good catch, I was going to use tap and first for preloading data into the form, but ran out of time. I will cover that in my next pro video about "Advanced Form Techniques with Firestore"
    2
  1862. Great to hear that :) My next pro video will cover Firestore with Reactive Forms, but have a ton of other Firestore stuff planned
    2
  1863. Template forms are useful for very small forms that don't need validation bc they are easy to setup. Anything beyond simple should be reactive IMO.
    2
  1864. Thank you. It's hard work, but fun!
    2
  1865. WINNER - Send me an email at hello@angularfirebase.com for your free hat :)
    2
  1866. ๐Ÿฅˆ Silver
    2
  1867. Awesome! Welcome to the club :)
    2
  1868. Some people do not like the bg music, which is why I fade it out after 30 seconds or so
    2
  1869. Glad to hear that. I like to listen to ambient music while I code
    2
  1870. Not sure I understand the question. Using other people's open source code is a valid thing to do generally speaking....
    2
  1871. bronze! ๐Ÿฅ‰
    2
  1872. I was using the windows distro of linux ;)
    2
  1873. At least 1 per week will be free.
    2
  1874. Was checking that out the other day, looks very cool
    2
  1875. Thank you :)
    2
  1876. Yeah I was at Google I/O last week, so didn't get much video work done.
    2
  1877. Zahid. Awesome work! I'm glad to have played a small role your app :) Thank you for sharing this
    2
  1878. That's the longest stretch since I started the channel. Going to Google I/O slowed down my productivity, but gave me some pretty cool ideas for the future.
    2
  1879. Will do, there's an almost infinite amount of cool stuff to cover in this space.
    2
  1880. I just sent you an email, we should be able to get a shirt shipped to you now :)
    2
  1881. That's definitely on the list :)
    2
  1882. +Kevin Thanks for watching :)
    2
  1883. I agree 100%, well said.
    2
  1884. You can win, it's only a matter of time :)
    2
  1885. I am mostly "self taught" and have learned via real-world experience. I have a degree in accounting, but realized programming a lot more fun.
    2
  1886. That's been on my list for awhile, it's an awesome little library. (Stencil is also good)
    2
  1887. More of an inside joke - sometimes I throw shade at React/Facebook bc its so popular.
    2
  1888. It's exactly like ng-animate ๐Ÿ˜
    2
  1889. Good call! I will merge your PR :)
    2
  1890. I actually really enjoy modern React with functional components and hooks, but Svelte content is coming soon
    2
  1891. Probably their own pure css, but not sure. They use react, which you can inspect the react browser extension.
    2
  1892. I thought they rolled it out everywhere a few weeks ago, but maybe not?
    2
  1893. Awesome to hear that!
    2
  1894. That's a hot area that could use more GDEs
    2
  1895. You need a google employee to recommend you. The hardest part is creating good content and giving talks. Takes a ton of work.
    2
  1896. I'm pretty sure I will see you at a GDE summit soon :)
    2
  1897. Thank you Kaizen :)
    2
  1898. ย @narcodicoย  I was just joking, being a web GDE is the closest you will get :)
    2
  1899. Lol! Google did mention react in the I/O keynote, so maybe we will have react gdes soon ๐Ÿ˜‰
    2
  1900. If it's something you're willing to pursue, then it's definitely achievable!
    2
  1901. Thank you! Bunch of great content right now, hard to keep up.
    2
  1902. For the most part yes, but there were some changes in v1.0 that is causing your error https://firebase.google.com/docs/functions/beta-v1-diff
    2
  1903. Local storage could work, or save your data to a backend like firebase if it should persist across sessions and devices.
    2
  1904. Wow, thank you! I hope to make more similar to this one :)
    2
  1905. I am using Atom in the video. However, I think VSCode is the best option for Angular/TypeScript development.
    2
  1906. Thanks for the feedback! I am actually working on an end-to-end course that should be ready in 2 to 3 weeks from now, so stay tuned for that.
    2
  1907. Thanks appreciate it. Let me know if there's any topics you want covered on the channel.
    2
  1908. Thank you, good luck with your project.
    2
  1909. Thank you for the feedback!
    2
  1910. Yes, it's possible - works very similar to Realtime Database. I will make a video soon.
    2
  1911. That could work, but the ids need to be unique. You could also save the username and movie name in addition to ids.
    2
  1912. ๐Ÿฅ‰ Bronze
    2
  1913. ๐Ÿฅˆ Silver
    2
  1914. ๐ŸŽ–๏ธ participation medal
    2
  1915. ๐Ÿฅ‡ Gold!
    2
  1916. No, but I'm going to do a similar pull request give away soon, so stay tuned
    2
  1917. It's fast, but if you follow along with the steps you'll have a solid foundation for github participation.
    2
  1918. My goal was to keep it basic, but throw in some more advanced things like squash/stash, but I could do a whole series of git videos.
    2
  1919. ๐Ÿฅˆ Silver
    2
  1920. Haha, was having some fun with FaceApp
    2
  1921. silver ๐Ÿฅˆ
    2
  1922. No, the modules are open-source. They do have a proprietary license, but that's only to prevent big clouds (aws) from ripping them off. You are allowed to self-host.
    2
  1923. I hear you. I turn down good money for "sponsorships" on this channel all the time. In rare cases where I actually believe in the product, I've allowed brands to prioritize a video on the condition that I have full creative control. The vast majority of brands I've "plugged" have zero contact with me, but if they do I explain the relationship in the description. Bottom line, I like Redis and it doesn't crush my soul to link their product.
    2
  1924. Gold! ๐Ÿฅ‡
    2
  1925. MongoDB is awesome as well (stay tuned). I've actually seen Redis used a cache for Mongo tho.
    2
  1926. Bronze ๐Ÿฅ‰
    2
  1927. Nice, it's a good starting point for any framework :)
    2
  1928. Yes, more JS is up next!
    2
  1929. Thank you! If upgrading for life, try this code: lORhwXd2 Or if it's a subscription use this code FstVJUP0
    2
  1930. Lol, that is a much needed video.
    2
  1931. Thank you Milos! Awesome to hear that :)
    2
  1932. https://audiojungle.net/item/in-that-future-bass/22471947
    2
  1933. Great to hear that! Yeah that plugin should just be merged into flutter, super useful.
    2
  1934. It's actually a very productive way to build UIs, I didn't love it at first.
    2
  1935. That's a good question... It's possible, but would take a lot more planning and you'd have to code the animation logic on your own. I don't have an easy answer ๐Ÿค”
    2
  1936. Yes, I would check out Python cloud functions with Firebase. That is the ideal mobile backend IMO.
    2
  1937. It's only for Apple right? Looks cool of you're targeting iOS.
    2
  1938. TS is a great foundation for Flutter, you'll pick it up fast.
    2
  1939. That's Flunny
    2
  1940. Yep, one man show. I have fun with it :)
    2
  1941. Yes, same idea in Dart, but it also has a thing called Isolates to support multi-threading with multiple event loops.
    2
  1942. It depends on what your server is used for, but most jobs will not run on the main thread, like fs or http. Also, Node 10 recently introduced worker threads to run js in parallel for CPU intensive situations
    2
  1943. Awesome! Making new videos as fast as I can :)
    2
  1944. Thank you, I do notice that myself. Will work on it
    2
  1945. I chant that every morning before i get to the office ;)
    2
  1946. ๐Ÿฅ‰ Bronze
    2
  1947. It depends on what you're building. TS is the best language for scripting (imo) and way faster to learn/write than most compiled languages.
    2
  1948. Not anytime soon. Devs looking to build a stable app today should still use node.
    2
  1949. I've been busy finishing the Ionic course, glad to be back YouTube'n
    2
  1950. Atom-one-dark + VsCodeIcons
    2
  1951. When you call send, it calls res.end() under the hood, so you can't send two responses. A return statement wouldn't hurt, but usually I create my own default error handler in express.
    2
  1952. ย @misterrodgerย  I agree, these things should not be up for debate
    2
  1953. Thank you George! Really appreciate the lifetime commitment :)
    2
  1954. You could use a try/catch there, but most express apps create a generic function to handle async errors.
    2
  1955. ๐Ÿฅ‡ Gold!
    2
  1956. It's flagged as sponsored on YT. Also I mention that about 1 min into the video.
    2
  1957. ๐Ÿฅˆ Silver
    2
  1958. ๐Ÿฅˆ Silver
    2
  1959. Silver ๐Ÿฅˆ
    2
  1960. Missed opportunity :(
    2
  1961. Haha, I know what you mean
    2
  1962. Bronze ๐Ÿฅ‰
    2
  1963. There are tools for that, but you can't beat Firestore for ease-of-use at scale.
    2
  1964. Silver! ๐Ÿฅˆ
    2
  1965. Thank you. All great suggestions. You should see some of these in the upcoming weeks.
    2
  1966. It goes both ways, a lot of my memes have been reposted there too
    2
  1967. They solve the same problem, but Dialogflow provides a far better developer experience than Watson and Amazon's Lex
    2
  1968. Nice! Dialogflow is an awesome tool.
    2
  1969. Thank you!
    2
  1970. ๐Ÿฅ‰ Bronze
    2
  1971. I use vscode-icons + atom-one-dark for syntax.
    2
  1972. Ubuntu
    2
  1973. I'm getting stickers made soon, will let you know :)
    2
  1974. ๐ŸŽ–๏ธ participation medal
    2
  1975. ๐Ÿฅ‰ Bronze
    2
  1976. So it looks like it just doesn't know the source of static assets. Are you using the "serialize" function from render-tron? If not, that should fix the issue and you can use the code here https://github.com/AngularFirebase/130-cloud-functions-puppeteer
    2
  1977. Thanks Mateja :) That happens with puppeteer rendering? It would be helpful to see a screenshot
    2
  1978. For sure. Web scraping, SSR, testing, crawling, etc.
    2
  1979. Correct, just easier to maintain across the board.
    2
  1980. Thanks for watching Gustavo :)
    2
  1981. You would need to encode/decode the params if using a query string. I believe rendertron does this, https://www.w3schools.com/tags/ref_urlencode.asp
    2
  1982. ย @yogenpย  That is literally all it takes ๐Ÿ‘
    2
  1983. Expect an Flutter in app purchases video in the near future :)
    2
  1984. If you have something that is fulfilled instantly, it is a good idea to validate on the backend. In theory, anything done of the frontend can be reverse engineered.
    2
  1985. Because it's containerized, you should be able to just push it to heroku. Maybe I'll do a docker video in the future.
    2
  1986. Cloaking is a gray area without any official guidelines from Google Search. The Chrome team calls rendertron an "SEO solution", so hopefully it doesn't lead to penalties when used responsibly. If in doubt, just remove "googlebot" from the user agent list.
    2
  1987. Maybe, an Ionic version could be cool
    2
  1988. I know he went to work on the Flutter team at Google, but I have no idea where his stuff went. I am also very curious about this...
    2
  1989. +Alex thanks for watching :)
    2
  1990. Thank you, anything you want to see on the channel?
    2
  1991. +Kevin Good call, thanks for catching that. Fixed.
    2
  1992. I remember feeling that way the first time also, and it's only getting better from here.
    2
  1993. Haha, it wasn't easy but I did it. I don't think I'll break the 10 min mark very often in the future.
    2
  1994. Yes, I will do something like that. Working on an Angular Basics video for this month.
    2
  1995. +Ken Vous รชtes le bienvenu
    2
  1996. Thank you Pierre!
    2
  1997. It depends on how you design your app... The only way to really compare is to estimate your average cost per user.
    2
  1998. Nice! Firebase is seriously the best :) That's why I made this channel.
    2
  1999. +Sumant. Thank you , I am very happy to hear that :)
    2
  2000. ๐Ÿฅ‡ Gold!
    2
  2001. ๐Ÿฅ‰ Bronze
    2
  2002. ๐Ÿฅˆ Silver
    2
  2003. Good call!
    2
  2004. Oops, no spell checker in premiere. Good call.
    2
  2005. Thank you! No prob https://audiojungle.net/item/in-that-future-bass/22471947
    2
  2006. They are just utf-8 characters, so they should show up in strings if supported https://emojipedia.org/
    2
  2007. Is it related this comment? I dont think the steps have changed in Angular 6 "In case anyone is scratching is/her head on this error, in my case it was because the directive is not <lazy-child> but <app-lazy-child> as for Angular CLI v 1.4.1 (sept, 2017)"
    2
  2008. Gold! ๐Ÿฅ‡
    2
  2009. ย @hemanthkumar8330ย  Awesome! I give out medals based on what shows up first in my dashboard :)
    2
  2010. The book is fully updated for Firestore/AngularFire v5. I do not recommend buying it via Amazon - use the Pro membership or Leanpub. All videos are about 10 to 15 minutes, but the pros get exclusive videos and chat support via Slack.
    2
  2011. +Val that was my #1 goal with this video.
    2
  2012. ๐Ÿฅ‡ Gold!
    2
  2013. I did a little comparison video here https://fireship.io/lessons/flutter-for-js-developers/
    2
  2014. Bronze ๐Ÿฅ‰
    2
  2015. Haha, don't you come from humble JS roots? Are you referring to the prolific use of ternary operators or something else? That seems like a good way to go with position, although I like the idea of being able to animate additional things on the container as needed.
    2
  2016. Thanks for watching :)
    2
  2017. Thank you, that as been a very useful little feature for me recently :)
    2
  2018. ย @narcodicoย  Personally, I would probably index this data in Algolia or use some another full text search solution. I wish GCP offered a managed service for this.
    2
  2019. https://youtu.be/V0HW6h0Jzog start watching around 3:40
    2
  2020. It's a patented method that I describe in Episode 100. It's either that, or make this video 1hr long.
    2
  2021. How would you do it? If you're tying together multiple services to GQL, then you need a backend to resolve them. GO would be slightly faster, but curious to know why this is so crazy to you...
    2
  2022. +Sagar Thank you, really appreciate your feedback :)
    2
  2023. Thank you!
    2
  2024. It's definitely something to put on your radar.
    2
  2025. Are you on the Slack channel? Send me a direct message - I think I can help you out :)
    2
  2026. Thank you, I've always wanted to visit Tanzania :)
    2
  2027. NS is always on the radar, but React Native wins the popularity contest so that's why it gets the comparison.
    2
  2028. You make some great points and I agree state management libs are often unnecessary and abused. I've found local state easier to manage in Flutter than ReactJS and believe this is mostly due to Flutter's builder widgets, like StreamBuilder. Personally, the combination of setState and Streams has been more than adequate to solve all my data flow problems.
    2
  2029. NS is cool, are you using it with Angular or Vue?
    2
  2030. ๐Ÿค› no, thank you!
    2
  2031. Actually, Stripe has new CLI tool that can send mock webhooks locally. I cover it in the course :)
    2
  2032. gold! ๐Ÿฅ‡
    2
  2033. That's the official definition word for word http://www.catb.org/jargon/html/C/COBOL.html
    2
  2034. Thank you! In Firebase, you should setup a dedicated test project where you can modify data without worrying about the consequences. Unlike rails, you need to write your own database teardown after each run.
    2
  2035. Yes, of course :)
    2
  2036. No
    2
  2037. Gold ๐Ÿฅ‡
    2
  2038. I should have said "from one codebase" there. I assume discord has the resources for different tools on each platform.
    2
  2039. Yes totally. One of my favorite things is that Firebase OAuth works without the need for cordova plugins.
    2
  2040. Good luck to you
    2
  2041. Hummingbird is yet another very interesting upcoming variable in this space, looking forward to it :)
    2
  2042. FYI I'm building a Fireship native app in Flutter that is a more focused quiz-style app, not really suitable as a TWA.
    2
  2043. I hear you, I like to giveaway swag, but people always request to buy it.
    2
  2044. The big missing piece is discoverability on the app store
    2
  2045. Yes good analysis, you must meet the right use-case criteria for a TWA to be useful
    2
  2046. I'm lucky to have a good community keeps me on top of all the cool things.
    2
  2047. Yeah I wish, but not holding my breath for Apple
    2
  2048. Add '{ optional: true }' to the query. I did not get that locally on the first animation, but that should fix it.
    2
  2049. Thank you for watching :)
    2
  2050. ๐Ÿฅˆsilver
    2
  2051. I would use CSS for simple isolated animations like a button hover, but ng animations for things tied to the state of the app, i.e the router state.
    2
  2052. Flexbox is more common (guessing), but they work well together.
    2
  2053. Welcome to the channel ๐Ÿฐ
    2
  2054. Thanks, it should be out later this week.
    2
  2055. This one is old. They completely rewrote the AngularFire library since then.
    2
  2056. Yes, I will do a series on Ionic3/Firebase in the future.
    2
  2057. Nice! That's my goal
    2
  2058. It's a great community to be a part of :)
    2
  2059. Participation Medal ๐ŸŽ–๏ธ
    2
  2060. Yes. You can verify by looking at the service-worker.js cached files in the dist folder. You should see "**.chunk.js" files for lazy loaded modules.
    2
  2061. Thanks, I agree. There are a bunch of steps, but the it's pretty straight forward when you break it down.
    2
  2062. No, it's quite large because it brings in both Angular and Firebaes SDK. Ivy will make the bundles much smaller.
    2
  2063. You could build a chat widget like intercom.io - basically anything that makes a static site more interactive.
    2
  2064. Darxx 84 yes, at https://angularfirebase.com/swag and get 15% if you're a pro member
    2
  2065. Hopefully the swag gods are on your side, will announce the winners on Friday :)
    2
  2066. You can register multiple components. They will all be bundled in the same script, but you can then declare them in an HTML page. I imagine the CLI will eventually automate this process entirely.
    2
  2067. Thank you! I develop on Ubuntu, but the video footage is Windows 10 with VSCode in zen mode.
    2
  2068. I didn't post a list this time, but notified the winners in the comments. I will give out more swag on future videos :)
    2
  2069. I agree, stuff like this has been long overdue on the web.
    2
  2070. You would then get all the institutions as single doc reads. Eventually, we should be able to also query by an array of IDs, but this is not currently possible.
    2
  2071. You can now add and remove elements from arrays, so that should handle most use cases: Here are the notes "Added firebase.firestore.FieldValue.arrayUnion() and firebase.firestore.FieldValue.arrayRemove() to atomically add and remove elements from an array field in a document."
    2
  2072. Thank you for this. I just upgraded my audio setup and started using a de esser. Let me know if it's still an issue on next week's video.
    2
  2073. ๐Ÿฅ‰ Bronze
    2
  2074. ๐ŸŽ–๏ธ participation medal
    2
  2075. Silver ๐Ÿฅˆ
    2
  2076. Gold! ๐Ÿฅ‡
    2
  2077. ๐Ÿฅˆ Silver
    2
  2078. ๐Ÿฅ‰ Bronze
    2
  2079. Weird, I never mentioned him by name. The algorithm just knows.
    2
  2080. I believe the main motivation is cookies. A bad site could send a request to a legit site with your cookies.
    2
  2081. Silver ๐Ÿฅˆ
    2
  2082. soon...
    2
  2083. Gold ๐Ÿฅ‡
    2
  2084. Participation medal ๐ŸŽ–๏ธ
    2
  2085. Check the description, fira code font.
    2
  2086. Yes, you can set it up from scratch. Check out the electron-forge "makers" docs.
    2
  2087. Thank you!
    2
  2088. Stay tuned, 100 more seconds out tomorrow!
    2
  2089. Very thankful for their contributions! Have not used RxCommand yet, but looks interesting :)
    2
  2090. More firebase and rxdart for sure!
    2
  2091. I've wondered/asked that myself. It's really no different than the service locator pattern I showed in the video. I'd like to get a definitive answer on this from somebody on the Flutter/Dart team.
    2
  2092. Sometimes it's only hard if you make it hard, focus on keeping it simple :)
    2
  2093. I have not explored this yet, but I've seen some pretty impressive code sharing using the bloc pattern between web/flutter.
    2
  2094. BehaviorSubjects are amazing :)
    2
  2095. No, depends on the use case, so it's more about choosing the right tool for the job. Flutter has a lot of advantages when it comes to build high-quality iOS/Android apps, but cannot easily share code on the web - that's where Ionic really shines.
    2
  2096. Data that determines the shape of the UI.
    2
  2097. Thank you, Algolia makes it easy :)
    2
  2098. Nice, Algolia can be a life saver.
    2
  2099. ๐Ÿฅˆ Silver
    2
  2100. I guess it depends on what you mean by N-tier? I view Firebase as a platform that helps follow the multi-tier app pattern by separating your DB, backend, and client libraries.
    2
  2101. ๐Ÿฅ‡
    2
  2102. The man does not exist!
    2
  2103. For bodyguards, by bodyguards
    2
  2104. Yes, with angular event binding on a button like: (click)="showAlert()" - My bad for not including that part.
    2
  2105. I know. I thought about mentioning other hybrid frameworks in the vid, but ran out of time ;)
    2
  2106. If building a PWA, Ionic is really great as a component library. They are doing a great job in this space.
    2
  2107. I considered mentioning Xamarin, but Flutter just has way more hype right now in that niche. There were other frameworks that got left out as well.
    2
  2108. Firestore yes, Ionic 4 no. I am actually considering a new course specifically for Ionic 4 over updating the old one.
    2
  2109. I hear you!
    2
  2110. I hear you! I also come from a RDBMS background, so it has taken some time to get used to data duplication, denormalization, etc.
    2
  2111. Normally, you don't need to join. The query should be optimized to load all the data you need for a given view. However, you can combine observables with the RxJS methods here: https://www.learnrxjs.io/operators/combination/
    2
  2112. No, I am independent. Not affiliated with Google or Contentful - just a consultant who is a fan of their products.
    2
  2113. +Patrick That's good hear. Thanks for the feedback!
    2
  2114. No, index.js is an isolated NodeJS environment for the cloud functions backend. It has nothing to do with the Angular frontend.
    2
  2115. Yes, just released a few days ago :)
    2
  2116. I believe either will work, but clickAction is what they have in the js type definitions
    2
  2117. I created an Ionic demo awhile back. You will need to use the Firebase cordova plugin. https://angularfirebase.com/lessons/ionic-native-with-firebase-fcm-push-notifications-ios-android/
    2
  2118. Clicking the notification will open the app, or you can implement 'onResume' to handle the click with custom code.
    2
  2119. Yes, I have a full JS course including node coming up soon.
    2
  2120. Yes. It will take a lot of work to get similar fetures and be more expensive (fcm is free). Their are many alternative services out there too.
    2
  2121. Good call. I will update the article. I recreate the code when I record, so must have left it out by accident
    2
  2122. Yes totally. I only used the console for convenience. You can do everything with the API.
    2
  2123. You're right that's the function default time limit, but it can be extended to 540s.
    2
  2124. Adobe AfterEffects with the help of some prebuilt animations
    2
  2125. Glad you liked it Will - thanks!
    2
  2126. Bronze ๐Ÿฅ‰
    2
  2127. Congratulations! ๐ŸŽ‰๐ŸŽ‰๐ŸŽ‰
    2
  2128. It's serverless too, but with fixed runtimes for node, py, and go.
    2
  2129. You're right, that could have been phrased better.
    2
  2130. You can use types with `npm i @types/stripe`
    2
  2131. Great to hear that, thanks for watching :)
    2
  2132. Basically it's how to "use Firebase to build Firebase's Pay-as-you-Go plan"
    2
  2133. Merci and congrats to the French viewers on the world cup final :)
    2
  2134. Love you too, Thank you :)
    2
  2135. Thank you Alexander :)
    2
  2136. They are almost identical, but update will throw an error if document does not already exist.
    2
  2137. Thank you! I may do something like that in the future. The closest thing right now would be this one https://youtu.be/I2i3gXoTmcw
    2
  2138. +Sakar Thank you, I appreciate that :) I will keep pushing forward.
    2
  2139. +Alex Thank you, he was a very smart and creative guy :) Appreciate the kind words.
    2
  2140. Thanks for watching!
    2
  2141. +Reza Thank you, I really appreciate your kind words :)
    2
  2142. Hopefully tomorrow :)
    2
  2143. Good call, I forgot to make it public. It's live now.
    2
  2144. Yes, RealtimeDB uses WebSockets, while Firestore (and most other google products) uses gRPC.
    2
  2145. It's been on my list.
    2
  2146. You must have read my mind... My next video will be about getting a PWA 100 score with lighthouse
    2
  2147. +Brahma Thank you! I've uploaded the source code here https://github.com/codediodeio/ngrx-fire and plan on building more complex features into it. One option for your problem is to create shared action type, then have multiple reducers listen to it. Or you could map each action separately in the effect so they are isolated form each other. The correct choice probably depends on the app itself, but I'd be curious to know what the ngrx core team recommends in that situation.
    2
  2148. It allows you to send a data payload with an action. The result of "new" is just an object with a type and payload. That's the way it's done in the official ngrx example app.
    2
  2149. Fira Code
    2
  2150. Gold! ๐Ÿฅ‡
    2
  2151. Yup, bionic beaver
    2
  2152. I'm very much looking forward to Vue 3 also. The big difference with svelte is that it's a compiler, that's why a Vue hello world is 50kb and svelte is 2kb. The $ magic is also very cool imo.
    2
  2153. It's was declared with let above the function, so it was just being reassigned in the function body.
    2
  2154. Im just glad to hear a Flutter developer made it that far into the video ๐Ÿ‘
    2
  2155. Welcome to the JavaScript world. Yes, svelte can very likely work in your case, but the best choice depends on many factors...
    2
  2156. Svelte has some nice little features I like a lot, like stores. But Vue has a lot more supporting packages like vuex, nuxt, routing, etc.
    2
  2157. ย @jediampmย  personally, I think they should all just be called frameworks. When someone says "React" they are usually referring to the entire ecosystem, so the "library" distinction is kinda dumb.
    2
  2158. It's more of a small library like React, but the most accurate term would be a "compiler".
    2
  2159. That's old news https://youtu.be/3OP-q55hOUI
    2
  2160. Silver ๐Ÿฅˆ
    2
  2161. Making videos from a home office with two small kids is quite the challenge :)
    2
  2162. You can only use one direction at a time with this setup. It would be easier to help if you join the slack team: https://join.slack.com/t/angularfirebase/shared_invite/enQtMjU2OTU5OTMyODM3LWU4YTZiMGFhZjJhYmEwYzI1MWFmYTgyMWRmOTI5NWZjYWE3NTMwZjFmNWMwZGI1MmMzODQ3OTFlZjFkMjc5N2Y
    2
  2163. Managing realtime data in an infinite scroll setting is difficult, but possible. The problem is that the feed will jump around if the ordering changes, so you you need a graceful way to handle frequently changing data. For scrolling, you could set the scrollTop on the element in the directive to a slightly higher value after it reaches the top.
    2
  2164. ๐ŸŽ–๏ธ participation medal
    2
  2165. ๐Ÿฅ‡ Gold!
    2
  2166. Realm is really interesting. I might do a side-by-side comparison with Firebase in the future.
    2
  2167. That's kinda the point, windows mostly sucks for dev. Those who can't avoid it have an easier path to Linux.
    2
  2168. You're probably right
    2
  2169. Good idea, thank you!
    2
  2170. Gold ๐Ÿฅ‡
    2
  2171. Looks like works on 79+ https://github.com/ffmpegwasm/ffmpeg.wasm#can-i-use-ffmpegwasm-in-firefox
    2
  2172. Sometime this week. What do you want to see?
    2
  2173. Just answered for you on StackOverflow - it's a simple fix. The other poster was also slightly wrong with their answer.
    2
  2174. I am a Nathan Fielder fan btw.
    2
  2175. That error occurs if the browser does not support web storage (similar to Cookies) or if the user disables them. Make sure web storage is enabled in your browser. https://firebase.google.com/docs/reference/js/firebase.auth.Error
    2
  2176. https://angularfirebase.com/lessons/text-translator-with-firebase-cloud-functions-onwrite-and-angular/
    2
  2177. That was my initial thought as well. You might have multiple Firebase projects in one app, but that's pretty rare. I'd much prefer that assumes the default project.
    2
  2178. No, Stripe handles the storage of card data and pci compliance. Card details should never touch your own servers
    2
  2179. money ๐Ÿ’ธ
    2
  2180. ย @yoshiinatukiย  I heard of Adyen, but not used it. Braintree is another option you might see soon, which now has a graphql API.
    2
  2181. Stripe is awesome, but the lack of availability outside US/EU is disappointing.
    2
  2182. ย @JonWoodย  Performance? Maybe I could do a top-10 style video for that...
    2
  2183. Its needed because stripe is initialized with a script tag in index.html. BTW Did the shirt arrive yet?
    2
  2184. I usually MIT license my demos. Feel free to PR the repo is you want.
    2
  2185. ๐Ÿฅ‡ Gold!
    2
  2186. ๐Ÿฅ‡ Gold!
    2
  2187. ๐Ÿฅˆ Silver
    2
  2188. The implementation should be very similar. The service worker would be identical in an AngularJS1 app.
    2
  2189. You can use either RTDB or Firestore to save the FCM tokens. Both work great for this.
    2
  2190. Bronze ๐Ÿฅ‰
    2
  2191. Silver ๐Ÿฅˆ
    2
  2192. Good question. I would use Firebase, but there are many different options here.
    2
  2193. Gold ๐Ÿฅ‡
    2
  2194. Dang, I planed on this video last week but didn't finish it in time.
    2
  2195. Gold ๐Ÿฅ‡
    2
  2196. Looks like a few people decided to watch now ;)
    2
  2197. Silver ๐Ÿฅˆ
    2
  2198. Gold! ๐Ÿฅ‡
    2
  2199. I don't hate Capacitor, it's on my 100 second video list
    2
  2200. It's 10M in research. The demo is limited to 1M tho
    2
  2201. I almost called this video "JS Loops, not Poops"
    2
  2202. It's all via Quokka, they also make a nice test runner called Wallaby.
    2
  2203. Glad someone caught that easter egg :)
    2
  2204. ย @olaorefouad2518ย  There is not much out there yet for WC. I made a video about "Advanced Angular Elements" recently that should be helpful if using Angular.
    2
  2205. Nope. I don't think anybody does. Especially the people that say they do.
    2
  2206. ย @darkopzย  good points, I actually mentioned the foreach issue in my async/await video. There are some gotchas in js when you use it's syntatic sugar, that's why linters are so important
    2
  2207. It is confusing and I still mix them up after doing it a million times.
    2
  2208. Yeah I actually regret that line now. It came off as JS is "slow" when that's not really fair. Bad code makes things slow, not the language.
    2
  2209. You don't have to, it's just syntatic sugar to make your code easier to maintain and understand.
    2
  2210. Silver ๐Ÿฅˆ
    2
  2211. Bronze ๐Ÿฅ‰
    2
  2212. Yes, in way. React native, flutter, and Ionic are all solving similar problems in different ways. Best choice depends on a whole variety of factors.
    2
  2213. capacitor === potential
    2
  2214. Desktop just needs an ENV variable to access geo coord data. https://github.com/electron/electron/blob/master/docs/api/environment-variables.md
    2
  2215. That's on my list. I've done a bunch of push notification work recently and have some snippets to share.
    2
  2216. ๐Ÿฅ‡ Gold!
    2
  2217. Yes, expect some react content soon
    2
  2218. Good call!
    2
  2219. Gold! ๐Ÿฅ‡
    2
  2220. It is a bit of work, but SEO can be a critical requirement for certain products.
    2
  2221. Yeah I will adjust that, I see what you mean watching it back now.
    2
  2222. Thanks for the suggestion, but I'm not an dot net expert so the content would probably be bad.
    2
  2223. I do actually. Almost every video on this channel has a dedicated repo, so you can find all versions here https://github.com/AngularFirebase/82-angularfire-storage-dropzone/blob/master/package.json
    2
  2224. This is one of those weird iOS issues. You need open your project with Xcode and enable keychain sharing.
    2
  2225. Angular & Firebase
    2
  2226. Gold! ๐Ÿฅ‡
    2
  2227. Silver! ๐Ÿฅˆ
    2
  2228. I hear you, I will keep that in mind for the future and queue the music when the instructional part is over.
    2
  2229. That's a great question and almost included a section, but vid was getting long. I would say only 1 try/catch per function, but you might want to chain a catch call back to individual promises for fine grained error handling as needed.
    2
  2230. You can combine them. It can be useful to to do stuff like `await prom.then(...).catch(...)`to avoid a nested try/catch blocks.
    2
  2231. No, just copy them from emojipedia
    2
  2232. I agree with you 100%, that's actually why highlighted some of the misuse and started with the event loop. Overall though, its had an overwhelmingly positive impact on the projects I've been involved with.
    2
  2233. Bonus points for actually calling your function ๐Ÿ‘
    2
  2234. All of those topics are on the list, wish I had more time each day to tackle them :)
    2
  2235. That is a good question and I may do a full video comparison, but I like them both for different reasons.
    2
  2236. Ok, I will add that topic to my list. Thank you!
    2
  2237. They will give you a free one, but can buy additional numbers if you need more.
    2
  2238. It's actually just a lower-level tool that can be used to implement the bloc pattern. I will probably make a bloc video in the future.
    2
  2239. Believe it or not, Google does not pay me or have any influence over these videos.
    2
  2240. They serve different purposes, I actually use provider in combination with RxDart. Rx is useful when you need specialized control flow over the stream itself.
    2
  2241. Thank you Jason!
    2
  2242. Provider does not require extra boilerplate. It's actually less code than StreamBuilder (in fact, its syntactic sugar for it) because it manages the subscriptions for you, so you can treat the emitted value as if it were synchronous
    2
  2243. Glad to hear that, provider solved many of my problems
    2
  2244. They are actually just strings so you can simply copy/paste them https://emojipedia.org/
    2
  2245. Yes, testing in one my video list, but no exact timeline yet...
    2
  2246. The code for v9 is available under a separate branch, but the videos are not updated yet. There is a migration guide until I finish recording the videos.
    2
  2247. ๐Ÿฅ‰ Bronze
    2
  2248. That's on the list
    2
  2249. I built my own platform for courses fireship.io/pro - Planning on releasing a CSS or SCSS course in the near future.
    2
  2250. Gold ๐Ÿฅ‡!
    2
  2251. Silver ๐Ÿฅˆ!
    2
  2252. It's a pretty powerful system with a bunch of different options - I'll break it down in the next video.
    2
  2253. ๐Ÿ…Participation medal!
    2
  2254. Oh wow, that is awesome, congrats ๐Ÿ‘๐Ÿ”ฅ
    2
  2255. Thank you Keshav
    2
  2256. Thanks for the suggestion, that would make a cool video. The browser support is not universal for IntersectionObservers, but I also considered using Rx fromEvent to throttle and unsubscribe from events.
    2
  2257. Glad to hear it landed successfully, I send stickers to every country ๐Ÿ˜€
    2
  2258. Yes, for this demo. I just wanted to point that out as a resource but it requires some setup that would have slowed down the video.
    2
  2259. Yes, that is probably the biggest benefit of AWS - flexibility to choose the data source.
    2
  2260. That is actually still on my list for rate limiting firestore, but no exact timeline yet...
    2
  2261. Azure doesn't really have a mobile BaaS that is comparable, but I have considered a "GCP vs AWS vs Azure" video. They each have strengths/weaknesses.
    2
  2262. It gets more difficult when you deploy different projects to hosting before they go live with different DBs, but the same rules/functions. With amplify it's just a commit to the `dev` branch and you're done.
    2
  2263. Its an issue with the way aws is packaged, nothing to do with svelte. Try buliding amplify in a vanilla svelte project to see what I mean.
    2
  2264. Minified, not gzipped.
    2
  2265. Not a bad idea for a future video
    2
  2266. I wanted to use something that didn't have a official support, but expect some Angular 8 content next week :)
    2
  2267. This can be optimized of course, but that's one of the tradeoffs of using a framework like electron. https://github.com/electron/electron/issues/2003
    2
  2268. Bronze ๐Ÿฅ‰
    2
  2269. Yes, with the help of some prebuilt elements
    2
  2270. Thank you, glad you like it!
    2
  2271. Yeah, that's pretty sweet. I think this video might need a part 2
    2
  2272. I'm on Ubuntu usually.
    2
  2273. Haha, do you also commute to work on a unicycle?
    2
  2274. Good to know, I might do some throwbacks depending on the topic.
    2
  2275. ย @MarcoLeiteย  Gothca! Haha, Apple has been disappointing me these days too
    2
  2276. Huh? I use windows/linux myself. VS code runs on all flavors Mac/Windows/Linux
    2
  2277. "VSCode Icons"
    2
  2278. Thank you, I'm sure I will find some good use cases for future RTDB videos
    2
  2279. My all time favorite programming music :)
    2
  2280. Now that's a good idea ๐Ÿ˜
    2
  2281. Haha, I think that audience segment is pretty small
    2
  2282. WINNER! - send me a direct message with your mailing address and T-shirt size :)
    2
  2283. YouTube does that when the video is first uploaded. It should have 4K option available in a few minutes.
    2
  2284. For sure. I am building an app now that includes inapp purchases, so will transfer that knowledge here :)
    2
  2285. That is on my list with emailpass login.
    2
  2286. Thank you. I think I'm settling into a good pace, the workflow for Fireship.io has made me more productive.
    2
  2287. Not much, what's up with u?
    2
  2288. I like this model, but it's very hard to make serious money with donations alone. Still a good option for many projects without commercial ambitions tho.
    2
  2289. The setup without webpack is actually easier, but the goal here was to mirror the environment you see in Angular CLI projects. I may post a snippet covering TS with requirejs on the website soon.
    2
  2290. ๐ŸŽ–๏ธ participation medal
    2
  2291. ๐Ÿฅˆ Silver
    2
  2292. It's free until you surpass 1000 API calls per month.
    2
  2293. atom one dark + vscode-icons
    2
  2294. Yes, Ionic 3 uses Angular, so I think we're staying true to the name :)
    2
  2295. Recursion is next in line
    2
  2296. Not really. You could throw an error. A regular for loop is probably better as it can use `continue` or `break`.
    2
  2297. Good to know, many more on the way :)
    2
  2298. Thank you, on track to get there in about 10 years :)
    2
  2299. Only a few more days...
    2
  2300. I have a really interesting video planned later this week that about TWAs. Deploying to PWAs to the google play store just recently became much easier.
    2
  2301. Welcome! I might do that in the future :)
    2
  2302. Good choice, I recently moved Fireship's workflow to GH actions and have been very happy with it.
    2
  2303. You receive them as crypto. They go into the wallet of the corresponding coin, ie BTC, ETC.
    2
  2304. Gold! ๐Ÿฅ‡
    2
  2305. Silver ๐Ÿฅˆ
    2
  2306. I get that a lot ;)
    2
  2307. Thank you!
    2
  2308. I hear you, seen it first hand. It's all about the tradeoffs.
    2
  2309. That's just with the emulator. The deployed functions respond as fast as a normal server
    2
  2310. Thank you :) Congrats on being the lucky one!
    2
  2311. Bronze ๐Ÿฅ‰
    2
  2312. Silver! ๐Ÿฅˆ
    2
  2313. If you watch the first ngrx entity video, that will show you everything from scratch. Also, the source is available on github.
    2
  2314. In RxJS 6 you can use 'from' instead of 'fromPromise'
    2
  2315. ๐ŸŽ–๏ธ participation medal
    2
  2316. ๐ŸŽ–๏ธ participation medal
    2
  2317. ๐Ÿฅ‰ Bronze
    2
  2318. I didn't say they should... The reality is that they probably will.
    2
  2319. I think I'm going to become a scuba instructor.
    2
  2320. ๐ŸŽ–๏ธ participation medal
    2
  2321. ๐Ÿฅ‰ Bronze
    2
  2322. ๐Ÿฅˆ Silver
    2
  2323. I hear you. To code along in realtime I recommend slowing down the playback speed on YouTube.
    2
  2324. There is no easy way, I've tried. BS4 does use some css variables, but there only useful for prototyping.
    2
  2325. ๐Ÿฅˆ Silver
    2
  2326. Very cool, that looks like something to cover in a future video :)
    2
  2327. Can you provide more details, what do you want to see exactly in the that video?
    2
  2328. + Verize - good point!
    2
  2329. Thank you! The best way to support is with a pro membership, which provides access to more content https://fireship.io/pro/
    2
  2330. I use rollup for all of my OS libraries because of it's simplicity, but Webpack can make more sense for frontend bundles that include JS/CSS/HTML. Not much experience with parcel, but I hear good things.
    2
  2331. ๐Ÿฅ‰ Bronze
    2
  2332. Very soon this channel will evolve into Fireship.io, keep an eye out :)
    2
  2333. They probably won't change much in 2019 - pretty stable tech at this point.
    2
  2334. PWAs were THE story of 2018. I should have done some reflection, but they will continue to grow from here.
    2
  2335. I'm an apple fan myself, but its stock has been hammered bc slowed iPhone growth. They still make the best hardware by far, but seeing a lot more negative sentiment out there.
    2
  2336. That pisses me off too. It's really hard to standardize this stuff in browsers, so we end up with a minimal set of features. You can build them from scratch, it just gets hard to manage when you get into complex state changes
    2
  2337. Not sure, maybe ask a SO question or open an issue on the Vue github page.
    2
  2338. Very cool ๐Ÿš‚ Thank you!
    2
  2339. That's awesome, thank you for sharing the experience! Did you use a pretrained model like ResNet or something?
    2
  2340. Easy, Firebase is the best backend. But Angular can work with any backend in theory.
    2
  2341. Haha, I will try. Thank you and Merry Christmas to you :)
    2
  2342. Thank you :)
    2
  2343. ย @hiteshchoudhary3412ย  It depends on what you mean by full course... On Fireship, a full course is ~20 videos, but I also create standalone episodes like this one here.
    2
  2344. Thanks for watching
    2
  2345. Good question, I plan on doing a SEO in a future video. Google search will crawl and index Angular apps, but other search engines and social media generally do not. Unless... You implement server side rendering with Angular Universal
    2
  2346. Good question. Using it as the doc ID is useful when you have a 1 to 1 relationship, but this was a 1 to many.
    2
  2347. Dang! That's pretty good, feel free to reach out on slack and maybe we can do a case study in the future.
    2
  2348. This will happen someday soon, it's high on my list :)
    2
  2349. Of course, it's actully a mother Teresa quote ๐Ÿ˜
    2
  2350. Gold ๐Ÿฅ‡
    2
  2351. Gold! ๐Ÿฅ‡
    2
  2352. Because it was created while he worked at Bell Labs, a US-based company.
    2
  2353. ๐Ÿฅˆ Silver
    2
  2354. ๐Ÿฅ‰ Bronze
    2
  2355. Saving the downloadURL is just a convenience. In your frontend code you may want to write a handler for img errors can get the current url based on the image path and updated it in the db. https://www.w3schools.com/jsref/event_onerror.asp
    2
  2356. This video is a revision of https://youtu.be/wRWZQwiNFnM based on two common requests, (1) multiple files, and (2) syncing the download URL to firestore.
    2
  2357. ๐Ÿฅ‡ gold
    2
  2358. It really depends. I put my thoughts together on this topic a few months ago https://itnext.io/should-you-use-ionic-4-fa04daebaffd
    2
  2359. ๐ŸŽ–๏ธ participation medal
    2
  2360. Gold ๐Ÿฅ‡
    2
  2361. Silver ๐Ÿฅˆ
    2
  2362. Bronze ๐Ÿฅ‰
    2
  2363. Fair points. I've worked for home for many years now and you definitely need strict boundaries, especially if kids are around. I don't miss the office tho.
    2
  2364. IDK. I'm a fan of web components, but they have failed to gain much momentum.
    2
  2365. Svelte is a great choice, my personal favorite.
    2
  2366. ๐Ÿฅ‰ Bronze
    2
  2367. ๐ŸŽ–๏ธ participation medal
    2
  2368. ๐Ÿฅˆ Silver
    2
  2369. Yes, they share many similarities. Unlike svelte, it ships its runtime with your code.
    2
  2370. Silver! ๐Ÿฅˆ
    2
  2371. Vue is a good place to start, very beginner friendly, but can scale up to complex requirements.
    2
  2372. Haha, or better depending on you ask. They do share many similarities.
    2
  2373. Bronze ๐Ÿฅ‰
    2
  2374. Sorry bout that, YT did not like the audio for some reason
    2
  2375. No pun intended ;)
    2
  2376. Bigint was the highlight of the video!
    2
  2377. Gold! ๐Ÿฅ‡
    2
  2378. Yes, it's called Quokka.
    2
  2379. Maybe before 2022 if we're lucky!
    2
  2380. Silver ๐Ÿฅˆ
    2
  2381. Bronze ๐Ÿฅ‰
    2
  2382. ๐Ÿฅ‡ Gold!
    2
  2383. Thanks for watching Akshay :)
    2
  2384. I might do a video just like that soon :) No major changes to the core API
    2
  2385. Thanks Alex!
    2
  2386. I'm honored :)
    2
  2387. Thanks, I will play around with this code and do a follow-up video for firebase-specific animations.
    2
  2388. Interesting... You can pass {optional:true} to query, which will prevent errors if the list is not populated. Also, you might want to hide the parent div with *ngIf="(list | async)?.length > 0". I have not tested this, but it may solve the problem. Please join our slack team so we can chat in more detail https://join.slack.com/t/angularfirebase/shared_invite/MjA2NTgxMTI0MTk2LTE0OTg4NTQ4MDAtMjhhZDIzMjc0Mg
    2
  2389. You bet, anything else you want to see on the channel?
    2
  2390. Gold! ๐Ÿฅ‡
    2
  2391. I am NOT sponsored. I would disclose if I was.
    2
  2392. VS Code - built with Electron!
    2
  2393. Sorry for wasting your time!
    2
  2394. Same, Flutter will be an awesome tool for desktop
    2
  2395. When I launch fireship.io I will have a content-only tier that is much more affordable :)
    2
  2396. ๐Ÿฅ‡ Gold!
    2
  2397. Yes
    2
  2398. ๐Ÿฅˆ Silver (and yes, c# is on the list)
    2
  2399. On the list
    2
  2400. I actually have to turn it off when recording, it's too aggressive.
    2
  2401. Thank you Pedro :)
    2
  2402. Cool! Let me know if you run into any issues on Github :)
    2
  2403. Thanks for the info. I have used Mongo and it is superior in this area, but Firebase has hinted at native support for Firestore geo in future. Postgis seems like the gold standard for most, but I imagine it's harder to get setup with realtime listeners.
    2
  2404. Thank you. Mongo has better geospatial support but I hope we see Firestore improve in this area in the future.
    2
  2405. I have a bunch of additional features on another branch for this lib, like a query inside bounding boxes and stuff like that. Please let me know how it goes if you use it :)
    2
  2406. I have in the past, but not so much recently. Most client projects are now Angular (and some Vue).
    2
  2407. Good luck, you will. I'm nobody special, just spent many hours writing code.
    2
  2408. I hear you, most of these videos will be concept-based like "this".
    2
  2409. Yes, I'll pin an exceptional comment.
    2
  2410. Good to hear from you, where did you move?
    2
  2411. Gold ๐Ÿฅ‡
    2
  2412. Oops, good call.
    2
  2413. Silver ๐Ÿฅˆ
    2
  2414. It enforces uniqueness and makes it easy for single doc reads.
    2
  2415. That's a good idea, I added it to my list :)
    2
  2416. Yes, save the current profile pic with a static predictible path like "/avatars/userxyz/avatar.png". That way you can override the file source and its still updated everywhere.
    2
  2417. ๐Ÿฅ‰ Bronze
    2
  2418. ๐ŸŽ–๏ธ participation medal
    2
  2419. ๐Ÿฅˆ Silver
    2
  2420. Worldwide
    2
  2421. TIL, nice ๐Ÿ‘
    2
  2422. That's been on my todo list along with react. I hope to focus on Vue 3 later this year.
    2
  2423. Thank you Ezequiel :)
    2
  2424. Good to know! Was not aware of that limitation.
    2
  2425. There is a PR work in progress for analytics in AngularFire. I will cover it when it gets merged in the next release.
    2
  2426. That's how I felt when making the video ๐Ÿ˜…
    2
  2427. There are some great creators there, but most udemy courses don't go far beyond the docs.
    2
  2428. It's common to combine other cloud databases, then use Firestore/RTDB for realtime features. It all depends on the data modeling needs of the app.
    2
  2429. Thank you! I try hard to provide a good value for pro members :)
    2
  2430. Yes, the emulator suite can mock Firestore, Hosting, and Cloud Functions for local offline testing.
    2
  2431. That is a good question. Ideally, this type of rule is used for authed users, then you just disable the spam account. It would be nice if you could blacklist an IP, but that's not possible currently
    2
  2432. It's optional. The docs have instructions if you want to combine reporting with existing gtag.js events.
    2
  2433. That is equivalent to putting it in the head with the 'defer' attribute. Either way is fine.
    2
  2434. Yes, Analytics have always been available for native apps & flutter.
    2
  2435. YouTube can recommend things because of invasive analytics. You can get privacy with the click of a button, but the reality is that most choose convenience over privacy.
    2
  2436. ๐Ÿฅ‰ Bronze
    2
  2437. Thanks! Welcome to the channel ๐Ÿฐ
    2
  2438. Good call!
    2
  2439. Gold! ๐Ÿฅ‡
    2
  2440. Good question, usually by running `git rebase master` from the feature branch.
    2
  2441. Thank you! Animation is always a fun topic to cover :)
    2
  2442. Vue is great! You'll probably see a vue video here some day...
    2
  2443. I have not tried personally, but yes, Flare's JS runtime should work great in Angular.
    2
  2444. Thanks for watching!
    2
  2445. Nice, this was a fun demo to build!
    2
  2446. A user interface is like a joke. It's not very good if you have to explain it ๐Ÿ˜œ
    2
  2447. gold ๐Ÿฅ‡
    2
  2448. It's also similar to Adobe AfterEffects, which is how I create most of the video animations.
    2
  2449. Haha, let me know what you want to see next to make this Frankenstein come alive!
    2
  2450. ๐Ÿฅˆ Silver
    2
  2451. ๐Ÿฅ‰ Bronze
    2
  2452. ๐Ÿฅ‰ Bronze
    2
  2453. So close. Send me an email or DM, I'll hook up some stickers.
    2
  2454. ๐Ÿฅ‡ Gold!
    2
  2455. Haha, there is no hidden meaning there. It was just a "hello world" -- "hola mundo" demo.
    2
  2456. Interesting. This pattern is used in other applications, it's like a turn-based game or CQRS for backend development.
    2
  2457. Thank you, I try keep the videos fast, but you can reduce playback speed to follow along easier.
    2
  2458. Thank you, that is exactly my goal with this channel. Pack an hour of content into 10 minutes.
    2
  2459. That's interesting, it looks quite a bit different than my approach, but there's more than one way to make it work.
    2
  2460. I think it would good to start by building your own from scratch, then explore the additional value added by NGXS and NgRx. From there, it's comes down to your preferences as a developer.
    2
  2461. ๐Ÿฅ‡ Gold!
    2
  2462. ๐Ÿฅ‰ Bronze
    2
  2463. Basically, I don't want to misrepresent the purpose of that service - it would violate the TOS to use it in the way shown in the original video. Editing it out was not a big deal.
    2
  2464. I took it down on my own, after rewatching I think that was the right choice
    2
  2465. + Liran Thank you!
    2
  2466. Yes, I very much want to tackle SSR on this channel. However, I am waiting for the Angular team to release some official guidance on best practices. Currently there are dozens of tutorials online that are broken, so I don't want to be another one of those.
    2
  2467. Bronze ๐Ÿฅ‰
    2
  2468. Gold! ๐Ÿฅ‡
    2
  2469. Silver ๐Ÿฅˆ
    2
  2470. Haha, love it
    2
  2471. ย @harpymaslowย  yes it's on here somewhere, maybe 3 months ago
    2
  2472. I do have a lot of tips and did a live stream a few months ago with my video making process.
    2
  2473. Yes, when the memberships go live there will be a lifetime option. I am also considering a pay-per-view model for courses that would be more affordable for single topics
    2
  2474. Haha, keeping baby voices out the audio is nearly impossible
    2
  2475. Thank you! This has since been fixed.
    2
  2476. Yes, in fact my next step is to start revising that content. You should see at least one "revised" angularfirebase lesson here every week in the near future.
    2
  2477. Don't mention it, I'm only playing a small role ๐Ÿ˜€
    2
  2478. SvelteKit is on the list
    2
  2479. Thank you! I like to have fun when I code :)
    2
  2480. ๐Ÿฅˆ Silver
    2
  2481. I was going to upload it on Friday, but it was my Birthday, so my wife said no ;)
    2
  2482. Good call
    2
  2483. ๐Ÿฅ‰ Bronze
    2
  2484. Awesome, and there's more where that came from :)
    2
  2485. I am pretty dumb, but that was sarcasm. The right way to pronounce gif is (a) not settled and (b) not important.
    2
  2486. ย @ameerattaa2250ย  You can use the Google Cloud API directly via a cloud function. That is something I've done, but not specifically for OCR https://cloud.google.com/vision/docs/ocr
    2
  2487. Not unless someone has built a cordova plugin for it. Last I checked a plugin did not exist, but this would be cool.
    2
  2488. In this example, all components will share the global firebase config, so create as many as you want
    2
  2489. VS Code just implemented breadcrumbs, so I will use that in future videos. Thanks for noticing these small things, it helps me improve the important details.
    2
  2490. I might do that. You should checkout the full functions master course, it covers a little bit structuring
    2
  2491. RxJS is just so much better when compared to dealing with callbacks.
    2
  2492. Thanks! Eventually RxFire will be the foundation of AngularFire, so you'll get consistent patterns in all frameworks.
    2
  2493. Right now I would say stencil because it's so lightweight and simple, but elements is good also, especially if you've already built your components with Angular.
    2
  2494. +Mel Thank you!
    2
  2495. Thank you, much appreciated!
    2
  2496. Yes, v4.
    2
  2497. It's not an official Angular project, so IDK. Static HTML generators are most suitable for content-driven sites with infrequent updates, like blogs.
    2
  2498. Quokka.js
    2
  2499. I have a very dry sense of humor :) You might find some not-so-obvious jokes on this channel.
    2
  2500. Thanks Troy!
    2
  2501. Thank you, thank you very much!
    2
  2502. Silver ๐Ÿฅˆ
    2
  2503. Bronze ๐Ÿฅ‰
    2
  2504. WINNER! You won the T-shirt, send me a direct message with your mailing address and size :)
    2
  2505. Thank you! Yeah, I had to cut a lot out of this video and originally tried to make it 10 min ๐Ÿ˜…
    2
  2506. ๐Ÿฅ‡ gold!
    2
  2507. Thank you! This one was really difficult to keep short and only covered a small fraction of the available Rx operators.
    2
  2508. Should I make one for RxDart also?
    2
  2509. Good call, I rarely create Observables with the default constructor. I'm guessing they deprecated it bc it's just a convenience wrapper around the constructor https://github.com/ReactiveX/rxjs/blob/4692f3f4760eb9ce3aeb80f08b201aef43f8e318/src/internal/Observable.ts#L56
    2
  2510. Very common, switchMap will change your life.
    2
  2511. It's in the source code in the description links :)
    2
  2512. They would fall under JS and are very much worth learning. But yes you can replace them Rust if you want https://rocket.rs/
    2
  2513. I think you should start by thinking about what you want to build. Any of the languages in the video could be suitable, but Ruby is especially beginner friendly IMO.
    2
  2514. ย @SirMorakย  That is interesting, did they give reasons, link?
    2
  2515. Gold! ๐Ÿฅ‡
    2
  2516. Participation medal ๐ŸŽ–๏ธ
    2
  2517. ย @datSpookyDudeย  You can filter by "suicide" and "defensive use" on the live demo.
    2
  2518. That's my job!
    2
  2519. Thanks
    2
  2520. Yep, the Geocoding API can do that https://developers.google.com/maps/documentation/geocoding/intro
    2
  2521. For a dataset this large it's better to aggregate your data into a static file in a storage bucket or hosting account.
    2
  2522. ย @antontimeboy6094ย  What's funny is that I chose this dataset bc it was the most interesting of the choices. The only other real contenders were "UK traffic accidents" or "Trees in Paris".
    2
  2523. You can find the source code here: https://angularfirebase.com/lessons/autocomplete-search-with-angular4-and-firebase/
    2
  2524. Gold! ๐Ÿฅ‡
    2
  2525. Sons, but ya ๐Ÿ˜
    2
  2526. I was wondering if anyone would notice... It's because Astro does not support Angular out of the box yet.
    2
  2527. Silver ๐Ÿฅˆ
    2
  2528. Solid and Alpine on my list of UI libraries to cover, not sure when tho
    2
  2529. Bronze ๐Ÿฅ‰
    2
  2530. ๐ŸŽ–๏ธ participation medal
    2
  2531. ๐Ÿฅ‰ Bronze
    2
  2532. It's only a matter of time
    2
  2533. Jsdom is a option, but I think cheerio and puppeteer are a bit easier to use for web scraping.
    2
  2534. You have a point, I should not have used the world "main" and expanded on that topic. Even if not regularly exploited, Spectre is still a major concern for browser vendors.
    2
  2535. The next video in the "Weird JavaScript Course" playlist will be more beginner-focused.
    2
  2536. +MacBook Guy Thank you. No iOS content at this point. I may do some Ionic or Native Script in the future.
    2
  2537. Thanks for the tip - that's helpful. Glad to hear the content is useful :)
    2
  2538. Wow, perfect timing! GeoFire as been topic has been requested a few times now - it's definitely a critical feature in map-based apps.
    2
  2539. Thank you!
    2
  2540. Glad to hear that! Thank you
    2
  2541. Thanks! I'm just on Ubuntu, but they should have a linux version on the next release.
    2
  2542. Same here, I work on Linux mostly. There is an open issue on GH for a linux version.
    2
  2543. Silver ๐Ÿฅˆ
    2
  2544. ๐Ÿฅˆ Silver
    2
  2545. ๐ŸŽ– participation medal
    2
  2546. ๐Ÿฅ‰ Bronze
    2
  2547. It is sponsored. YouTube should show a disclaimer at the beginning, but will make that more clear in the future.
    2
  2548. Gold ๐Ÿฅ‡
    2
  2549. First ๐Ÿ’— of the day!
    2
  2550. Gold! ๐Ÿฅ‡
    2
  2551. Thank you. The authstate should persist between launches and should be able to shut off the device and return to the same state. With firestore, the queries are not executed until firebase auth gives us a UID.
    2
  2552. ย @CSSuccessGamerย  I believe _auth.onAuthStateChanged returns a stream. Checkout the auth code in this repo https://github.com/fireship-io/flutter-firebase-quizapp-course
    2
  2553. I can get down with that. Redux would be way to much boilerplate code for every video anyway :)
    2
  2554. Coming soon...
    2
  2555. Yes, I'd like to cover something a little more advanced that queries and joins data in to a list view
    2
  2556. ย @JancoBHย  I have four videos on my list - that is one of them :)
    2
  2557. Participation medal ๐ŸŽ–๏ธ
    2
  2558. ๐Ÿฅ‡ Gold
    2
  2559. Welcome to the channel
    2
  2560. Good point, I only tested in chrome, so there will be some mobile optimizations to address.
    2
  2561. Thank you! Interesting suggestion, I've considering doing some algorithm implementations in JS.
    2
  2562. Thanks for pointing this out and submitting the fix on github, you rock!
    2
  2563. Good call, it's more noticeable if you slow down the animation. The link-text is currently pushing it out of bounds. Adding `overflow: hidden;` to the navbar helps, but this could be improved further.
    2
  2564. Thank you! Welcome to the channel :)
    2
  2565. Good point, next time I'll use kubernetes for a video like this
    2
  2566. Yes, this is actually a perfect use-case for rtdb. Small data payload, high write frequency.
    2
  2567. Awesome! Good luck with your channel, subbed.
    2
  2568. Yes, you can run them in parallel. It adds a some extra kilobytes to the JS bundle, but that's the only drawback I'm aware of.
    2
  2569. Firebase will update the auth state on all tabs, so it should work with the online status. You might hit some edge cases here with the `away` status on multiple tabs.
    2
  2570. That's a good use case for a cloud function. Check out some of these lessons for ideas https://angularfirebase.com/tag/functions/
    2
  2571. ๐Ÿฅ‰ Bronze
    2
  2572. Nest is long overdue
    1
  2573. I'm doing most "beyond" parts as separate videos, like the recent MySQL video
    1
  2574. I used to be really into ML on Kaggle. I see potential for certain types of businesses, but you really need to have access to high quality data.
    1
  2575. Yes
    1
  2576. Agree, once you work with strong-typed code it's very hard to go back :)
    1
  2577. Thanks Zach!
    1
  2578. ๐Ÿฅˆ silver!
    1
  2579. Awesome to hear that!
    1
  2580. Yes ๐Ÿ˜‰
    1
  2581. Decorators are great, but can also be misused easily so that would make a good vid.
    1
  2582. They are utf8 characters so you can grab them from emojipedia.com
    1
  2583. Nice!
    1
  2584. Because Angular asked for TypeScript's hand in marriage by making it a required part of the framework. Wow, the 3.2 release came out just 1 hour ago. Filmed the vid yesterday. https://www.npmjs.com/package/typescript
    1
  2585. Interesting perspective. Faux type safety is a big reason for TS's success. Google tried to bring real types to JS with Dart and that failed. TS syntax is not much different than other modern languages, I think that's why it's so popular with devs coming from Java or C#. I'm curious what you consider bizarre about the syntax exactly? It's nothing like Obj-C (which I agree is grostesque).
    1
  2586. ย @metalllusย  I hear you, it would be nice to have an option to save the download url in firestore. For now, You would have to save the original filename in the db.
    1
  2587. First, you need to know the original filename. Then you can interpolate the location with `thumbs/ + filename + _200x200.png`, then call getDownloadURL() from a client SDK.
    1
  2588. Thank you, yes I'll do that now that there are a few of them.
    1
  2589. Yes, that is always a good idea when listening to scroll events.
    1
  2590. FYI there are also packages that do all the work for you https://www.npmjs.com/package/vanilla-lazyload
    1
  2591. Thank you Kevin :)
    1
  2592. Thank you, I'll be making one of these every couple weeks.
    1
  2593. Lol, I bet you're fun to work with ๐Ÿ˜‰. Do you know what defer means in a script tag? The point was just to show how IS works with minimal distractions.
    1
  2594. Great to hear, thanks for watching!
    1
  2595. Similar, but not exactly, srcset is used to point to a different image based on the viewport width.
    1
  2596. de nada!
    1
  2597. ๐ŸŽ–๏ธ participation medal
    1
  2598. ๐Ÿฅˆ Silver
    1
  2599. ๐Ÿฅ‰ Bronze
    1
  2600. ๐Ÿฅ‡ Gold!
    1
  2601. ๐Ÿฅˆ Silver
    1
  2602. Hi James. Are you getting errors? Consider joining our slack team, much easier to help there. Here's the invite: https://join.slack.com/t/angularfirebase/shared_invite/enQtMjU2OTU5OTMyODM3LWU4YTZiMGFhZjJhYmEwYzI1MWFmYTgyMWRmOTI5NWZjYWE3NTMwZjFmNWMwZGI1MmMzODQ3OTFlZjFkMjc5N2Y
    1
  2603. I will do a SEO video in the future. Not sure when, but it will happen. Thanks for the suggestion.
    1
  2604. It sounds like you need to add the PaymentsModule to the imports section of the AppModule (or whatever Module you want to use payments). Here's an invite to our slack team if you want to talk Angular https://join.slack.com/angularfirebase/shared_invite/MjA2NTgxMTI0MTk2LTE0OTg4NTQ4MDAtMjhhZDIzMjc0Mg
    1
  2605. little bit of everything
    1
  2606. You can only use one at a time, so use version 5, but code from past tutorials can still be useful
    1
  2607. Welcome to the channel :). Angular 4 and 5 are compatible in almost every way, so that might not be a good way to filter, but I started with 5 as soon as it was an official release back in October 2017.
    1
  2608. Thank you :)
    1
  2609. Awesome, glad to hear that :)
    1
  2610. You bet, thanks for watching
    1
  2611. Thank you!
    1
  2612. Thanks, that's a good point. You could also pass it to the entire FormGroup to validate multiple properties with a single validator.
    1
  2613. Check out https://angularfirebase.com for a full directory of lessons
    1
  2614. Oops, meant to say ngFor right there. Good catch.
    1
  2615. Thank you!
    1
  2616. Did you signup for pro? If you did not get the auto-email, please email hello@angularfirebase.com or send me a message on slack.
    1
  2617. Good point, that is a clean way to go. thanks!
    1
  2618. Thanks for the feedback, I will consider that.
    1
  2619. Yep, I upgraded my system a few months ago. I almost went with Manjaro, but really liking bionic beaver
    1
  2620. Thank you :) Tell your friends!
    1
  2621. Great insights. I had not considered federated learning, but that sounds like a very interesting opportunity for companies that can apply it effectively.
    1
  2622. Might be able to help, post some code in Slack paskuale.ibrushi@gmail.com
    1
  2623. atom-one-dark + vscode-icons
    1
  2624. Glad to hear that. It's going to spark some really cool web apps in the near future.
    1
  2625. Haha, I don't think the world needs any more JavaScript frameworks.
    1
  2626. classes are syntatic sugar for this process. I will make a future video dedicated to classes and another for prototypal inheritance. I'm not aware of any significant perf differences.
    1
  2627. Thank you! on IG as fireship_dev
    1
  2628. ๐Ÿฅˆ Silver
    1
  2629. ๐Ÿฅ‰ Bronze
    1
  2630. You bet, thanks for watching
    1
  2631. That's a good question and I've done similar things in Angular. A new option is to use puppeteer with a cloud function. On native you need to use a Cordova plugin
    1
  2632. Thank you! Navigation is easily one of the most important concepts for Ionic apps.
    1
  2633. It's an important topic, thank you for suggesting it :)
    1
  2634. Yes, totally. Can you send me direct message on slack and we can chat about collaborating https://goo.gl/qF8Q5r
    1
  2635. Thanks for the suggestion, I'll try to do something like that
    1
  2636. Great to hear that, appreciate the support :)
    1
  2637. Usually you have the client create their own project and bill for consulting hours. However, you could pass billing on to your customer, but that's a lot more management work for you.
    1
  2638. The source code can be found here: https://angularfirebase.com/lessons/firebase-phone-authentication-with-angular-4-tutorial/
    1
  2639. Glad it helped. Thanks for the feedback.
    1
  2640. Silver ๐Ÿฅˆ
    1
  2641. Bronze ๐Ÿฅ‰
    1
  2642. I've made a few cameos in the past too
    1
  2643. The security policies do not work with realtime, so its only suitable for public data.
    1
  2644. Silver ๐Ÿฅˆ
    1
  2645. Bronze ๐Ÿฅ‰
    1
  2646. Yeah, this one took me a little longer than I expected, but Apollo Angular is pretty awesome.
    1
  2647. Thank you Ashok!
    1
  2648. Gold! ๐Ÿฅ‡
    1
  2649. Look for the next basics video on Monday :)
    1
  2650. Thank you :) It's just a $50 Audio-technica USB mic, nothing fancy.
    1
  2651. Thanks for watching :)
    1
  2652. Thanks for watching! I was super motivated to make this after seeing the Google I/O keynote.
    1
  2653. More Rx content will definitely happen in the future :)
    1
  2654. It's set as an environment variable in the cloud function, see the docs. The service itself is provided by Twilio
    1
  2655. Not yet, but that sure would be useful
    1
  2656. Yes, that's a possibility. Would be good for topic based notifications
    1
  2657. https://youtu.be/N6-Q2dgodLs
    1
  2658. Good call, missed that
    1
  2659. Only the baseline demo app is on github. For these lesson examples, I post the code here https://angularfirebase.com/lessons/angular-stripe-payments-part-3-sell-digital-content/
    1
  2660. The .ts extension is for TypeScript. Good point about setting a database rule against balance updates. If you want to delegate that to the backend admin database, so you just need something like "balance": { ".write": false }
    1
  2661. Sorry about that. It should be fixed now. Give this link a try and send me a direct message when you get in :)https://join.slack.com/t/angularfirebase/shared_invite/enQtNjQ3Mjk5OTM2MjQ3LTk3MzI2NjllYmY1NmRmOWRlZTc1NDNhZTk2YTExYzkyZWM1OTE5ZDhmZmU5OGI3MGM1YjlmODQ5M2I5YjIxMWE
    1
  2662. No worries, I don't plan on submitting an entry :)
    1
  2663. That wasn't intended as "2^8 bits", but rather the number of unique values or permutations in a byte.
    1
  2664. Will do!
    1
  2665. You you Firas ๐Ÿ‘
    1
  2666. That is very possible, I've seen people use both NativeScript and Ionic with Nx. For example https://nstudio.io/xplat
    1
  2667. Hmm, I'm not sure personally but sounds like a good GitHub issue, that would be very useful to have documented.
    1
  2668. It may cause problems. You can use platform checking to only run jquery in the browser https://github.com/angular/universal-starter/issues/482
    1
  2669. ๐Ÿฅ‡ gold
    1
  2670. Thank you Kevin :)
    1
  2671. You have to use the standard runtime images for the free tier, it sounds like you need the flexible env which will cost $.
    1
  2672. Glad you caught that, but Michael Jordan was a MLB baseball player https://www.baseball-reference.com/bullpen/Michael_Jordan
    1
  2673. Thank you. Video streaming is a challenging topic, I will try to tackle it at some point.
    1
  2674. Flutter uses Dart, so it's not a direct competitor, but it does solve the same problems as Ionic.
    1
  2675. Yeah, I think flutter pretty awesome, might even do some flutter content in the future.
    1
  2676. Not sure if you noticed, but I added your name the the Thank You section at the beginning :) I have no idea what happened with the cops - I was in bed early. Lots of cool stuff coming in v6.
    1
  2677. Actually some big improvements to locale support are coming. Watch the Day 1 keynote video from NgConf for details.
    1
  2678. Thank you Mariano!
    1
  2679. WINNER! - Shoot me an email hello@angularfirebase.com so I can give you the T-Shirt code privately.
    1
  2680. WINNER! - Shoot me an email hello@angularfirebase.com so I can give you the T-Shirt code privately.
    1
  2681. Thank you Andres. Are you going to NgColombia?
    1
  2682. Thank you, not sure if you noticed, but I added "Cameron O" to the contributors at the beginning. Contentful is another possibility if you want a rich GUI for updating content.
    1
  2683. That you, I wish I lived in NZ :)
    1
  2684. Hey Chris. I remember you were one of the first PRO members :) Good to hear from you and thanks for the suggestions.
    1
  2685. Thanks Ryan. Really looking forward to creating some Elements content.
    1
  2686. NX is a cool project, I've had that on my list for a long time
    1
  2687. That depends on the specifics. Many impressive data tables and data vis tools have been built with Angular.
    1
  2688. Thank you, PWAs will be a major focus for sure, but I also want to tackle more advanced TensorFlowJS stuff
    1
  2689. WINNER! - Shoot me an email hello@angularfirebase.com so I can give you the T-Shirt code privately.
    1
  2690. Thank you. Great to hear that :) I might do a full course for advanced PWA features with Firebase/Angular in the future.
    1
  2691. Very cool graphic BTW
    1
  2692. D3 is one of the best JS libs of all time. An Angular integration has been on my list for a long time :)
    1
  2693. Those are very difficult to pull off in a way that is not hacky, but I definitely like the idea. Thank you :)
    1
  2694. +Rolly Error handling would make a good topic. Thank you!
    1
  2695. Wow, thank you Mateja :)
    1
  2696. When I do another NGXS video it will most likely focus on user auth.
    1
  2697. Thank you Benjamin. I have longer Angular v6 Basics video planned for the near future.
    1
  2698. WINNER! - Shoot me an email hello@angularfirebase.com so I can give you the T-Shirt code privately.
    1
  2699. I like that, it would be nice to look closely at some real world examples.
    1
  2700. Thank you Johnny :)
    1
  2701. Sorry, that technique is patented. Jk ;)
    1
  2702. Great to hear. I have a bunch or PRO videos planned for the next few weeks. Going forward, my goal is to accompany most YT videos with an advanced PRO video on the same general topic.
    1
  2703. Yes! That is going to be a huge part of Angular's future, really stoked about it.
    1
  2704. WINNER! - Shoot me an email hello@angularfirebase.com so I can give you the T-Shirt code privately.
    1
  2705. Not yet, but I might put together a little store since this has been requested frequently.
    1
  2706. +DeShon Nice, that's awesome. Thank you :)
    1
  2707. Angular Elements will be perfect for stuff like that. I am anticipating a lot more content like that after v6 is released.
    1
  2708. WINNER! - Shoot me an email hello@angularfirebase.com so I can give you the T-Shirt code privately.
    1
  2709. Angular Elements content is right around the corner, after v6 is officially released.
    1
  2710. That was kinda the point, I'm biased and transparent about it. Both tools are excellent, maybe someday I'll do a fair comparison. A bias is only dangerous when hidden.
    1
  2711. Believe it or not, I agree with your points. I've considered making a "top 10 things I hate about angular" video. All frameworks have their tradeoffs
    1
  2712. Nice, good luck the with Job. I really like Vue also :)
    1
  2713. At the end of the day, it just boils down to personal preference and nobody cares what was used to build the product. Use whatever makes you productive. Like I said, all three frameworks are good in their own ways.
    1
  2714. Too many Frameworks to choose from...
    1
  2715. I could see that being useful. Angular's templates can be limiting at times.
    1
  2716. I can't even fathom how many hours of doc searching TypeScript has saved me :)
    1
  2717. That is very true. Vue and angular also subdomain several doc sites which increase their traffic stats, so not a perfect metric on it's own
    1
  2718. That does seem low and estimates are all over the place. I think 90-100K would be more realistic, but still $113K is high.
    1
  2719. I've used redux (and ngrx) extensively and I actually like them in the right use case. I didn't mean to compare in a 1-to-1 sense, but was just pointing out that sharing data in complex component tree is trivial in angular. In react, not so trivial, but you do have more flexibility to choose your preferred solution.
    1
  2720. React does have some amazing dev tools in the ecosystem and RN is way ahead of NativeScript and flutter at this point. I think templating often comes down to subtle personal preferences. Honestly, I wish the "ng" was not there, I think "*for" would look much better.
    1
  2721. That's actually part of the problem, you have router config components mixed around with markup and links. You have to actually think about where to put your routes - most routing systems don't make you do this, i.e. Angular, Rails. I get why it's necessary with React, but SOC would be 1 place for a router config, then links used where needed.
    1
  2722. Yes and no. ReactJS is JUST for components, but there's a whole ecosystem of required pieces for a full app that make it comparable to what Angular offers.
    1
  2723. I am definitely biased, we all are. It's only dangerous when you try to hide it. They are touting a flawed survey as representative of ALL JavaScript. I agree 100% with your points, react is great if its ergonomics suit you.
    1
  2724. I will admit that I am biased :) It's only dangerous when you hide a bias. You make good points, React is certainly much more flexible when creating your own conventions.
    1
  2725. The CLI is amazing, I take it for granted.
    1
  2726. โ€‹ย @FallDownTSย  Thank you!
    1
  2727. ๐Ÿฅˆ Silver
    1
  2728. silver ๐Ÿฅˆ
    1
  2729. Yes, figma awesome. Did you catch the flutter geolocation thumb for our upcoming collab?
    1
  2730. wait, what's ligma... ๐Ÿ’ฉ
    1
  2731. That's been the theme lately, but I overhaul the graphics often. Also, what is vaporwave? I had to watch this https://youtu.be/PdpP0mXOlWM
    1
  2732. It's the best!
    1
  2733. permission to downvote granted
    1
  2734. I'll take that
    1
  2735. I'm just one guy, doing this 90% for free. Give me a break ๐Ÿ˜“
    1
  2736. If you like Sketch you will like Figma :)
    1
  2737. Thank you Troy!
    1
  2738. Harsh, why?
    1
  2739. will try to go faster next time
    1
  2740. I don't mean to come off as pompous - that's actually the worst feedback for me to hear. In the real world I will be the first to tell you how little I actually know, just trying to add creativity to each video.
    1
  2741. Mine too :)
    1
  2742. ๐Ÿฅ‰ Bronze
    1
  2743. ๐Ÿฅ‡ Gold!
    1
  2744. Gold! ๐Ÿฅ‡
    1
  2745. Participation medal ๐Ÿ…
    1
  2746. Bronze ๐Ÿฅ‰
    1
  2747. Me too :)
    1
  2748. both
    1
  2749. you still get a participation medal ๐Ÿ…
    1
  2750. gold ๐Ÿฅ‡
    1
  2751. That's a great point! You need to something to drive you to practice.
    1
  2752. silver ๐Ÿฅˆ
    1
  2753. GraphQL is really nice for big complex apis like Github because the schema tells you everything you need to know - I usually prefer it over REST when consuming an API.
    1
  2754. bronze ๐Ÿฅ‰
    1
  2755. Participation medal! ๐ŸŽ–๏ธ
    1
  2756. It's subjective. Github stars are only one aspect. React creates more jobs, is used on more high traffic sites, and generates more npm downloads. JQuery is actually the most commonly used library on the web tho.
    1
  2757. Happy Birthday ๐ŸŽ‚
    1
  2758. ๐Ÿฅ‡ Gold!
    1
  2759. WINNER! You just got yourself some free swag. Send me an email of message on slack with your T-shirt size and mailing address :)
    1
  2760. Bronze ๐Ÿฅ‰
    1
  2761. Glad it helped!
    1
  2762. Yes, I plan on doing several videos covering image editing and management with Angular 4 and Firebase. In the meantime, checkout this video about uploading the Firebase storage with Angular. It saves the image URL to to the database which you can use to display the image in your app. https://youtu.be/5qoU1EirSmo
    1
  2763. Bronze ๐Ÿฅ‰
    1
  2764. Silver ๐Ÿฅˆ
    1
  2765. Participation medal ๐ŸŽ–๏ธ
    1
  2766. The big difference is how it transitions (or hydrates) from server to client. Only the initial page load is rendered from the server.
    1
  2767. No it does not, it writes the props to a script so it can be hydrated without another clientside api call.
    1
  2768. I used the official pronunciation, how do you like to say it? https://youtu.be/pL7h1tUzrBs
    1
  2769. Wow, never would have noticed that.
    1
  2770. I'm not sure why YouTube does this... It's complete on my end :(
    1
  2771. You can actually install legacy browsers and run old school JS in them. Might be a fun exercise for a future video.
    1
  2772. I was hoping somebody would notice :)
    1
  2773. Yep, according to the legend
    1
  2774. Can you can link me to the correct logo?
    1
  2775. Hmm, have not seen that one yet. Looks like it's a hot button issue right now https://forum.ionicframework.com/t/firebase-android-build-error-with-error-more-than-one-library-with-package-name-com-google-android-gms-license/125329
    1
  2776. +Sagar Glad you like the format. Thank you!
    1
  2777. You need to follow these steps if you plan on deploying to native mobile platforms, like Google Play or Apple App Store.
    1
  2778. Will do, thank you!!
    1
  2779. That is true, but it is a well maintained plugin. It is basically your only option aside from building your own from scratch.
    1
  2780. Maybe in the future. I am considering making a more general channel for things like Vue.
    1
  2781. what is it?
    1
  2782. Thank you! State management is difficult in general, but I think NGXS makes good progress at simplifying the implementation.
    1
  2783. Why is ngrx is the best implementation?
    1
  2784. Yeah, that's a huge issue and one main things that impresses me about NGXS. I also place a very high value on readable code.
    1
  2785. That's a fair argument, but I would say NGXS is easier to learn if brand new state management. I'm not advocating one or the other, but was especially impressed with this library, hence the video.
    1
  2786. Thanks Mel. You can count on more :)
    1
  2787. Same here :)
    1
  2788. Redux dev tools, checkout the plugin section in the NGXS docs.
    1
  2789. +Sergey Thanks for watching :)
    1
  2790. Yes, definitely some similarities.
    1
  2791. No, you don't need to know Redux. It uses a similar pattern, but does it in a way that feels natural for Angular developers.
    1
  2792. Awesome, thanks for watching and let me know want you want to see next :)
    1
  2793. Thank you. Vuex is also awesome.
    1
  2794. Thanks for making NGXS, awesome tool!
    1
  2795. The docs for NGXS are awesome
    1
  2796. I've thought that also, but payload is standard for redux and that's what debuggers expect to see.
    1
  2797. Thanks for watching :)
    1
  2798. Hmm, I've not encountered anything like that. I would open an issue on github to start if you can reproduce the problem.
    1
  2799. They are going out tomorrow. I wanted to give everybody a week to submit their pull requests before ending the giveaway
    1
  2800. No, it's a beverage for special occasions ;)
    1
  2801. I hear you. I normally don't premiere, but wanted to take care of a few updates before releasing this video.
    1
  2802. I like async/await sugar, but you should still know the underlying API, see this related vid https://youtu.be/vn3tm0quoqE
    1
  2803. Awesome, thank you. I will definitely think about adding something along these lines.
    1
  2804. I like that, but what type of component do you have in mind? Can you expand on a use case
    1
  2805. Wow, that's awesome! Do you want to share the link so I can upvote it :)
    1
  2806. Thanks Ben!
    1
  2807. Thanks Morad!
    1
  2808. I expect it to be finished within 1 to 2 weeks, will post it on the channel when ready :)
    1
  2809. Thanks for watching :)
    1
  2810. That would be cool, have not done an ionic algolia integration on native yet
    1
  2811. I've seen that before, but have not tried it out yet. Thanks for the suggestion :)
    1
  2812. Atom One Dark + VS Code Icons
    1
  2813. I like that idea. Offline line is one of the more difficult areas to test and maintain. Are you more interested in iOS/Android offline or web apps?
    1
  2814. Thanks Saad!
    1
  2815. That's a good one! Especially useful with SVGs.
    1
  2816. Good advice! You win https://youtu.be/JSURzPQnkl0
    1
  2817. Bronze! ๐Ÿฅ‰
    1
  2818. PostCSS has some plugins that can help you use modern features and still support IE
    1
  2819. Great idea!
    1
  2820. ๐Ÿฅ‰ Bronze
    1
  2821. ๐Ÿฅˆ Silver
    1
  2822. Thanks for watching! Let me know what you want to see next.
    1
  2823. Yes, it's very out of date now. I made a full course on the subject https://fireship.io/courses/stripe-js/
    1
  2824. That's not correct. Firebase rules disallow everything by default. It runs the validation logic before writing.
    1
  2825. Bronze ๐Ÿฅ‰
    1
  2826. Thanks Maciej!
    1
  2827. Haha, as soon as I find something cool in an SDK release I make a video :)
    1
  2828. Yes, in fact I have a ML video in the works that should be ready in a week or two.
    1
  2829. Do it! Sharing content is a win-win for everybody.
    1
  2830. Much appreciated! And thanks for watching :)
    1
  2831. That's awesome, thank you Joi! Welcome to the club :)
    1
  2832. Thank you! Yes, the idea behind fireship is to produce codelab-style lessons with videos and I'd like to include AWS and Azure, but Firebase/GCP will get the initial priority.
    1
  2833. You bet, and congrats for making the credits.
    1
  2834. Wow, that's great :) What is it about?
    1
  2835. Thank you. I am AI.
    1
  2836. It makes me very happy to hear that and provides fuel for the fireship :)
    1
  2837. Thanks Ben! Great to hear you like the videos as a non-coder, that surprises me a bit :)
    1
  2838. The feeling is mutual ๐Ÿ˜๐Ÿ˜๐Ÿ˜
    1
  2839. That's awesome! My mission is to help people get apps off the ground, so its great to hear that.
    1
  2840. Well said :)
    1
  2841. Sweet, yeah they've done a great job with this API imo.
    1
  2842. Cool app, I believe the CDK supports horizontal scroll out of the box, so you could probably make that happen with just a few minor changes.
    1
  2843. Awesome! It's been there for a couple months now, but it's easy to miss. I found out about it on Twitter, otherwise I would have missed it also.
    1
  2844. It's a relative new feature, 3 months ago maybe?
    1
  2845. I have not actually tried to work with dynamic sizes yet, but I think there is an autosize scrolling strategy in the CDK.
    1
  2846. Here You go ๐Ÿ˜Ž https://gist.github.com/codediodeio/89d3136cebc800545dd2381610cdcf19
    1
  2847. Yes, the CDK is agnostic to the CSS
    1
  2848. Thank you!
    1
  2849. Not currently, but I believe Airtable will support webhooks in the future to send data back to Firestore.
    1
  2850. Do you have billing enabled for Firebase? You need at least a Blaze plan (which is still free until you exceed certain volume limits)
    1
  2851. Thank you, glad to hear that
    1
  2852. Check this one out https://angularfirebase.com/lessons/google-user-auth-with-firestore-custom-data/
    1
  2853. Yes, there is now an assets array in the angular.json that you can add the file to. Also, check out this if using multiple workers: https://angularfirebase.com/snippets/how-to-use-a-firebase-fcm-service-worker-with-angular-s-ngsw-service-worker/
    1
  2854. Do you have billing enabled for Firebase? You need at least a Blaze plan (which is still free until you exceed certain volume limits)
    1
  2855. Thank you!
    1
  2856. Thank you. I will do that in the future.
    1
  2857. Silver! ๐Ÿฅˆ
    1
  2858. Hasura is not a DB, but rather a layer on top of a SQL db so you can use it with GraphQL. I'll make a video on it eventually. Lots of DB content planed for the next few weeks.
    1
  2859. That's what I did almost 3 years ago when react was much different. The most difficult thing to learn is RxJS, imo.
    1
  2860. No unfortunately I will not be at Firebase Summit, but will be watching the livestream.
    1
  2861. I save the download url to the database, so I can just query it then use something like <img [src]="image.url">. Consider joining our slack team to talk code in more detail. Here's your invite https://join.slack.com/t/angularfirebase/shared_invite/MjA2NTgxMTI0MTk2LTE0OTg4NTQ4MDAtMjhhZDIzMjc0Mg
    1
  2862. You may need to add CSS like "height: 300px" to make that part work.
    1
  2863. Yes. Check out this video covering basic file uploads via an input. https://youtu.be/5qoU1EirSmo
    1
  2864. You bet, thanks for watching :)
    1
  2865. That would make a cool video. That's been on my radar for awhile
    1
  2866. That is an edge possibility. Instead of 'thumbs', you could use a random string as the working dir to prevent that.
    1
  2867. Checkout this lesson for a frontend Angular example: https://angularfirebase.com/lessons/firebase-storage-with-angularfire-dropzone-file-uploader/
    1
  2868. Thank you, Storage functions are often the most difficult to implement.
    1
  2869. Yes, the process would be very similar, but you'd likely use some other NPM lib to handle the watermarking for you
    1
  2870. Thank you Marius, really appreciate that :)
    1
  2871. I'll do some ML kit content in the future :)
    1
  2872. Thank you!
    1
  2873. Nice, I spent a lot of time simplifying this function to the max.
    1
  2874. ๐Ÿฅ‰ Bronze
    1
  2875. ๐Ÿฅˆ Silver
    1
  2876. ๐Ÿฅ‡ Gold!
    1
  2877. Another ๐Ÿฅ‡ - Hey, would you you be interested in a Flutter GeoLocation collaboration?
    1
  2878. Bronze ๐Ÿฅ‰
    1
  2879. ๐Ÿฅˆ Silver
    1
  2880. ๐Ÿฅ‰ Bronze
    1
  2881. Yes, I will do that. I will do a full video on Angular lifecycle hooks in the future.
    1
  2882. Yes, I much prefer ngx-translate over separate builds. But I needed a good use-case demo for the video.
    1
  2883. Thank you Troy, and thanks for watching :)
    1
  2884. Yes, this was a much needed feature so glad to see it :)
    1
  2885. Thank you Carlton, much appreciated :)
    1
  2886. Thank you!
    1
  2887. I agree, solves many frustrating issues I've hit in the past
    1
  2888. Thanks! It is great news and a game changing feature for many projects.
    1
  2889. Likewise, thanks for watching!
    1
  2890. Thank you!
    1
  2891. Silver ๐Ÿฅˆ
    1
  2892. ๐Ÿฅ‰ Bronze
    1
  2893. Thank you Siyed!
    1
  2894. Oh gotcha.
    1
  2895. Hey Daniel, long time no see. Is that good or bad? Looks like she does long-format courses...
    1
  2896. Thank you Mateja :)
    1
  2897. No, it's quite different AFAIK
    1
  2898. Awesome, thanks for watching!
    1
  2899. Offline has been requested before. You just sealed it, I will do an offline tutorial soon! Thanks for the suggestion.
    1
  2900. Google or Apple, then they distribute payouts to you after taking their cut.
    1
  2901. ๐Ÿฅˆ Silver
    1
  2902. ๐Ÿฅ‡ Gold!
    1
  2903. ๐Ÿฅ‰ Bronze
    1
  2904. ๐Ÿฅ‡ Gold!
    1
  2905. ๐Ÿฅ‰ Bronze
    1
  2906. ๐Ÿฅ‡ Gold!
    1
  2907. Good point. You could (1) Not allow users change their username, as many apps don't. (2) Keep track of the existing username, then remove it when the user selects a new one.
    1
  2908. It's the same as calling this.currentUser.username in this case. I'm actually not sure why I used bracket notation there, must have been coding in Python that day :). Check out this article covering bracket vs dot notation https://medium.com/@prufrock123/js-dot-notation-vs-bracket-notation-797c4e34f01d
    1
  2909. The full code is posted here: https://angularfirebase.com/lessons/custom-usernames-with-firebase-authentication-and-angular/
    1
  2910. Thank you!
    1
  2911. Thanks for sharing, a few others mentioned iOS issues also. So far I've only tested on chrome/android, but writing code on a mobile device is not fun to say the least.
    1
  2912. They have a completely free service that you can just login to, or roll out your own version in the cloud.
    1
  2913. It's already pretty awesome, but has a ton of potential. I'm honestly surprised Microsoft did not think to offer something like this on their own with Azure.
    1
  2914. It's good. I like how it's feels simple, while providing common packages like routing/vuex. I want to make some Vue vids, but hard to find the time...
    1
  2915. Interesting. They can only provide extensions that are open source, but I have not run into out-of-date issues myself.
    1
  2916. That's just coder's recommendation from the docs. It probably works fine on 18.04, but I imagine most of the testing was done on 16, so they are playing it safe.
    1
  2917. I'm very familiar with stackblitz and have used it in a few past videos. I like it for demos, but coder is something I would use as a primary ide bc it has all the features of vscode.
    1
  2918. I made the mistake of posting this today, or maybe that was my plan all along ;)
    1
  2919. I think you got it this time :)
    1
  2920. JS is basically a requirement for the web, so you have no choice but to make the most out of it.
    1
  2921. https://youtu.be/L8CDt1J3DAw
    1
  2922. Yes, the single for loop would do better on performance. If have a highly optimized process this should definitely be refactored.
    1
  2923. I talked about this in my previous VS code video. I don't normally use debuggers directly in code, but use the IDEs integrated debugger.
    1
  2924. I agree with your points, my #1 regret is not talking about performance in more detail. I did not mean to imply that push() or for loops are wrong, just that there might be more succinct options. I'm working on a full video all about iteration to clear these things up :)
    1
  2925. I think it's great and covered it in this video https://youtu.be/u21W_tfPVrY
    1
  2926. That's a fair point. I made an arbitrary requirement that we had to get each number one after the other. I'll do a full async/await video with Promise.all.
    1
  2927. Algolia is probably my all-time favorite api to work with. Do you work there?
    1
  2928. That is a fair point. I actually made a sequel to this video that looks more closely at the perf tradeoffs https://youtu.be/x7Xzvm0iLCI
    1
  2929. Yes, that would make a great topic for this series
    1
  2930. Haha, thank you for the suggestions. I'll big plans to create better content and more of it :)
    1
  2931. Congrats ๐Ÿ†
    1
  2932. Nice, happy to hear that :)
    1
  2933. You're right, a better way to phrase that would be an "alternative". Another caveat of the spread syntax is that it only works one level deep, so does not work for copying multidimensional arrays.
    1
  2934. I hope so, thanks Jacob :)
    1
  2935. Debuggers are great, but that's a topic for another video like this one https://youtu.be/u21W_tfPVrY
    1
  2936. Wow, I hope that was a good decision. I also moved over here after many years of rails & SQL :)
    1
  2937. Yes, 100%. A project is by far the best way to learn imo, but depends on what you're interested in. Puppeteer is a cool tool that you can use to scrape websites and you can learn a lot from that https://youtu.be/BMFS9fWiv98
    1
  2938. Good points! I used to be anti-semicolon, but they're less annoying if you let prettier add them automatically.
    1
  2939. Lol, definitely his masterwork
    1
  2940. Welcome to the channel!
    1
  2941. How so? None of the examples really do anything. You can't just put up a comment like that without elaborating...
    1
  2942. That's an interesting thought, where does that 9 to 10 estimate come from? I would think frontend apps require less energy, but have no idea how to analyze this accurately.
    1
  2943. If it runs, it doesn't suck
    1
  2944. It's optional.
    1
  2945. Interesting idea, thank you!
    1
  2946. Have you tried Objective-C?
    1
  2947. Thanks for the feedback, that's basically the style of the channel, but I also have a write up to fill in any missing pieces ๐Ÿ˜
    1
  2948. Had not heard of him, but looks like a cool channel (except I don't speak Russian)
    1
  2949. Thank you for watching :)
    1
  2950. Thank you, just subbed to your channel ๐Ÿ˜Ž
    1
  2951. ย @LukePighettiย  Good call, I have plans for AnimatedContainer in combination with Firestore in the future :)
    1
  2952. Haha, you need the socks too.
    1
  2953. Those are just emojis from the vue cli. I love the directives idea - that's actually one of the biggest ways Angular sets itself apart from other frameworks.
    1
  2954. ย @elliotheath5366ย  Glad to hear it's getting some usage :)
    1
  2955. WINNER!!! The swag gods want you to have the hat, congrats https://youtu.be/PwSyYZ35ftM
    1
  2956. I agree. KISS is even more important that DRY
    1
  2957. Good to hear from you Ashok, thank you!
    1
  2958. I have plans for more UI based vids, so animations will be a part of that.
    1
  2959. That is high on my list, I'm currently have an outline, but video will be done in a few weeks.
    1
  2960. AWS... I would have to change my name first ;)
    1
  2961. I think it's a fair price for an API this good
    1
  2962. Nice, this Firestore parts of this video are probably very similar.
    1
  2963. Thanks, yeah I get that a lot :) That's why I put together a writeup to support each video.
    1
  2964. Great suggestion! Thank you
    1
  2965. What doesn't work exactly? Open an issue on github so we can help
    1
  2966. It's the same thing as a stream in dart basically - a feed of data.
    1
  2967. The library in this video is actually a port of GeoFireX :) - I'm still hoping/waiting for Firebase to implement geoqueries natively, it's on their roadmap....
    1
  2968. ๐Ÿฅˆ Silver
    1
  2969. What type of graph? Like a stock chart?
    1
  2970. +Nizar Thank you!
    1
  2971. ๐Ÿฅ‡ Gold!
    1
  2972. ๐ŸŽ–๏ธ participation medal
    1
  2973. That is actually a cool idea and I've seen it done before called "event-driven prerendering". But keep in mind, it takes hundreds of millions of reads before you start seeing a significant firebase bill. It's often a mistake to focus too much on optimization in the early stages. Most apps aren't viral like this, so there is time to optimize as you grow.
    1
  2974. Right, but with serverless functions you have no control over the runtime. Node 8 is a big upgrade here for a variety of reasons.
    1
  2975. I pasted the wrong link in the description, thanks for catching that
    1
  2976. Yes, it's in the description
    1
  2977. Yes, 1MB. That's why I only aggregate the last 5 records so it will always stay super small.
    1
  2978. You have 1 extra read and 1 extra write and 1 cloud function call per data change. If the data is read heavy, this is usually a very good tradeoff.
    1
  2979. That's the best way to use any cloud service ;)
    1
  2980. That is an important consideration. A less efficient approach, but safer, is to read the entire collection on every update in the function. This will reconcile the true total value on every update, but requires more reads. If a race condition occurred on the last transaction, it will be fixed on the next one or could be verified with a regular cron job. Also puf has some thoughts about that as well https://stackoverflow.com/questions/49290380/how-do-you-avoid-a-possible-race-condition-with-firebase-cloud-functions
    1
  2981. ย @tsortanidischristos412ย  Oops, that was a mistake. I meant 'does not'
    1
  2982. I almost included that infinite loops in this video, that's another common source of surprise costs.
    1
  2983. Based on the SO answer, it seems like you're right. I will stand corrected if this is the case, but from what I was told each of subscription would be separate query for billing. It would be nice if there were a more explicit way to track a billable read.
    1
  2984. you're welcome
    1
  2985. I concur
    1
  2986. I am not rejecting a sub-collection approach, just offering this as a possibility. The reads will only occur when the user is actively listening to the chat. In many cases, the user will be away then open a chat with N new messages, which can be fetched with 1 read.
    1
  2987. Me too :)
    1
  2988. Good idea!
    1
  2989. Yes you can, the node console API is the same https://nodejs.org/api/console.html
    1
  2990. Nope, same amount of reads.
    1
  2991. Awesome to hear!
    1
  2992. canActivate is the only one with a helper, but it's possible to use the guards without the helper. There's an example in the docs.
    1
  2993. Thanks Bill :)
    1
  2994. Gold ๐Ÿฅ‡
    1
  2995. Thanks ๐Ÿ‘๐Ÿ‘
    1
  2996. I do use provider in the course, it is awesome :)
    1
  2997. ๐Ÿฅˆ Silver
    1
  2998. ๐Ÿฅ‡ Gold!
    1
  2999. https://fireship.io/courses/
    1
  3000. ๐Ÿฅ‰ Bronze
    1
  3001. ๐ŸŽ–๏ธ participation medal
    1
  3002. ๐Ÿฅˆ Silver
    1
  3003. ๐Ÿฅ‡ Gold!
    1
  3004. You came to the right place!
    1
  3005. Check out this one next, it's a more hands-on example of Flexbox https://youtu.be/biOMz4puGt8
    1
  3006. Yep, built on the same principles, but Flutter's version is better imo.
    1
  3007. Silver ๐Ÿฅˆ
    1
  3008. Gold! ๐Ÿฅ‡
    1
  3009. Bronze ๐Ÿฅ‰
    1
  3010. It's rare on the frontend, but I've seen it happen.
    1
  3011. It's a real thing, probably don't need to know it tho
    1
  3012. I actually googled to see if people were discussing it, but didn't find much.
    1
  3013. He flashed the code on screen for a second and it looks legit. It's old-school callback style JS, but that still works.
    1
  3014. There are many ways. YouTube has a thumbnail API endpoint, so you just need to generate the image on the server then upload it.
    1
  3015. Yes, in fact. You must have great hearing.
    1
  3016. link?
    1
  3017. Nice! Forms are critical for many
    1
  3018. Thanks, a little late for the hat tho. Check out the latest video on the channel for a chance to win some swag :)
    1
  3019. It's not directly possible currently, but there is a PR out for it https://github.com/angular/angular/pull/20040
    1
  3020. +Maria thanks for watching :)
    1
  3021. Thanks Alex!
    1
  3022. Thank you for this comment. I've run into these issues myself and I like to share my favorite solutions.
    1
  3023. I agree, ReactiveForms is one of my favorite tools.
    1
  3024. Watch the part at 11:01 where I set up getters. That's how you get the cleaner HTML
    1
  3025. WINNER - Send me an email at hello@angularfirebase.com for your free hat :)
    1
  3026. You're a lucky one then ;)
    1
  3027. I make the videos like that intentionally, but it's not for everyone. I recommend following along with the full article and slowing the speed.
    1
  3028. Thank you Svein!
    1
  3029. Thank you for sharing this, that looks like it could be very useful. Nice work!
    1
  3030. Thanks for watching, appreciate the feedback :)
    1
  3031. https://youtu.be/tomUWcQ0P3k
    1
  3032. Haha :)
    1
  3033. They will change your life if you deal with a bunch or streaming data.
    1
  3034. Thanks, this is the type of code that requires a little practice before it sinks in
    1
  3035. That's my goal :)
    1
  3036. Nice!
    1
  3037. Thank you :)
    1
  3038. You need a paid Firebase plan, ideally Blaze which is still free until you hit a volume threshold.
    1
  3039. No, you need at least the blaze plan (which is free until you hit volume limits)
    1
  3040. Firebase makes realtime features SO easy.
    1
  3041. gold! ๐Ÿฅ‡
    1
  3042. Gold! ๐Ÿฅ‡
    1
  3043. Where?
    1
  3044. I didn't mean the CLI itself is a web framework, it just part of the Angular ecosystem. My goal is to build complex products as quickly and reliably as possible and CLI is just one tool that helps - of course you should still understand what it's doing. This video is part of a larger series that covers those fundamentals. The CLI is not designed to "drown the average developer" - it is an almost 100% community driven project (led by non-googlers) and probably the most universally well-liked tool by Angular devs.
    1
  3045. Thank you :)
    1
  3046. https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
    1
  3047. More on the way :)
    1
  3048. The difficulty escalated in the last few minutes, that topic could be a whole video on it's own
    1
  3049. The problem is that the "taller" menu stays in the container until the transition is complete. There might be a better solution tho.
    1
  3050. Rolled out to everyone a few weeks ago.
    1
  3051. Thank you! Prettier
    1
  3052. I made a video about this a while back, but basically just need long-term flexibility
    1
  3053. Thank you. Yes, I would look into Google Dev Groups in your region (and Twitter). There are GDEs in India that should be able to offer better advice than I can.
    1
  3054. That is true, but the networking will likely fall into place automatically if you're working towards the other steps.
    1
  3055. Thank you!
    1
  3056. Thank you Zein :)
    1
  3057. Thank you!
    1
  3058. I'll do another shirt giveaway on the next one :)
    1
  3059. Thank you Jon!
    1
  3060. Nope! But it provides career and business opportunities, so it's valuable.
    1
  3061. Yes, but I will likely discount it again in the future. Not definite timeline tho.
    1
  3062. Thank you! The one-time membership is not currently discounted, but the monthly/quarterly is. You can cancel anytime. But with the lifetime you also get a free t-shirt :)
    1
  3063. Thank you! Follow the link in the description to get the full code on github.
    1
  3064. Thank you!
    1
  3065. +Emanuele Thanks for spotting that! It's fixed now. Looking forward to working with you in the future.
    1
  3066. Do you mean things like static environment variables? If so check out this post https://angularfirebase.com/lessons/development-and-production-environments-for-angular-firebase-projects/. Otherwise, you can share data from service to service as needed.
    1
  3067. Ask and you shall receive... https://youtu.be/gxixM90vo9Y Thanks for the suggestion.
    1
  3068. Thank you! Hope to make more videos like this soon.
    1
  3069. Thank you for the feedback :)
    1
  3070. No, it's a paid track.
    1
  3071. +Jordan Thank you! Appreciate the feedback.
    1
  3072. Yes, localStorage is another option. Not directly part of Angular, but it would still work as a data sharing method.
    1
  3073. Thank you, I appreciate that!
    1
  3074. Thank you!
    1
  3075. Glad to hear that, thanks for the feedback!
    1
  3076. Thank you!
    1
  3077. Thank you!
    1
  3078. Thank you! Let me know if there are any other Angular topics you want to see on the channel.
    1
  3079. Thank you. Yes it is possible, they can both be used together.
    1
  3080. Yes, currently I give them one to every pro member. I will do another general giveaway in the future.
    1
  3081. ย @barpar4369ย  https://github.com/tonsky/FiraCode without ligatures
    1
  3082. atom one dark & VSCode Icons
    1
  3083. Silver medal for you :)
    1
  3084. That means you're probably better educated than most :)
    1
  3085. Gold! ๐Ÿฅ‡
    1
  3086. ๐Ÿฅ‰ Bronze
    1
  3087. ย @ChristianJosephsย  yes I do, there multiple videos related to provider in the course.
    1
  3088. Yes, you can trigger a cloud function for further processing on the server. I have a past video that makes multiple sizes of an image.
    1
  3089. Stay tuned...
    1
  3090. Atom One Dark + Vs Code Icons
    1
  3091. Thanks for watching :)
    1
  3092. Thank you Gurpreet!
    1
  3093. gold ๐Ÿฅ‡
    1
  3094. +Elvis thank you. I try to cram as much into 5-10 min as possible.
    1
  3095. +Rodolfo thank you!
    1
  3096. thank you!
    1
  3097. Silver ๐Ÿฅˆ
    1
  3098. Nope, any server will work. Redis itself is written in C.
    1
  3099. You can in a distributed system. Twitter scaled Redis to Terabytes of ram for user timelines. Not saying its the best option for big datasets, but it's possible.
    1
  3100. Thanks for the feedback. Running ng add @angular/fire should init Firebase, but it looks like there's an open bug on windows currently.
    1
  3101. Thank you Mario :)
    1
  3102. WINNER! Congrats, watch the latest Flutter vid to see your shoutout and send a DM with your mailing/size details.
    1
  3103. Awesome! The vscode tips are a must for happy Flutter development.
    1
  3104. Thank you Rolly ๐Ÿป
    1
  3105. Thanks for watching :)
    1
  3106. Good question, SwiftUI is an interesting new variable to keep an eye on.
    1
  3107. ย @aryaanand759ย  Not specifically for Python functions, but I have a free course on NodeJS functions. https://fireship.io/courses/cloud-functions/
    1
  3108. Great to hear that ๐Ÿ‘
    1
  3109. Love the idea, added it to the list
    1
  3110. Gold ๐Ÿฅ‡
    1
  3111. Thanks for sticking around since the early days ๐Ÿ˜
    1
  3112. Which part? The intro scene?
    1
  3113. The swag gods pick a winner in one week ๐Ÿ™Œ
    1
  3114. Thanks Tensor! Please do, been subbed to your channel for a long time :)
    1
  3115. Much appreciated!
    1
  3116. I speak some Spanish, but YouTube's auto-translate is your best bet :)
    1
  3117. I've been writing code for about 10 years. Age is irrelevant in this industry, some start in their teens others in their 50s. The best way to learn is to face real challenges by building apps to spec, either for an employer or as a side project. It helps if you really enjoy the craft (like I do). It took at least a few years before I felt "confident", but you'll always be learning.
    1
  3118. โ€‹ย @patternwhisperer4048ย  You learned nothing? Maybe it depends on the person. Many experienced developers fail to explain the concepts in this video.
    1
  3119. Criticism by a troll for trolls
    1
  3120. Dear Christian Lanoire , thanks for sharing your feedback. Weโ€™re sorry your experience didnโ€™t match your expectations. It was an uncommon instance and weโ€™ll do better. Please feel free reach out to [INSERT CONTACT INFORMATION] with any further comments, concerns, or suggestions you wish to share. We would love to make things right if you give us another chance.
    1
  3121. Yes, link is in the description for "bits and bytes". Awesome old educational TV series from Canada.
    1
  3122. Gold ๐Ÿฅ‡
    1
  3123. ๐Ÿฅ‡ Gold!
    1
  3124. ๐Ÿฅˆ Silver
    1
  3125. Well said, I agree ๐Ÿ’ฏ%
    1
  3126. That is the part that I'm most on the fence about. You can create lock files and import maps, but not sure how well this will scale on a big project. https://deno.land/std/manual.md#import-maps
    1
  3127. I don't think so. It could be a security issue because somebody could hijack a session if they knew the associated email. Kinda like storing an unencrypted password in your DB.
    1
  3128. Thank you for watching :)
    1
  3129. Love you too
    1
  3130. I was 100% sure of that too until I heard the creator pronounce it.
    1
  3131. Gold ๐Ÿฅ‡
    1
  3132. Yes, you can. You will see that option when you get to a paid section. But it's cheaper to just be a member for 1 month, then cancel.
    1
  3133. I messed with Elixer about 5 years ago, was impressed, but never got into into.
    1
  3134. ๐Ÿฅ‰ Bronze
    1
  3135. Gold! ๐Ÿฅ‡
    1
  3136. Thank you! Sponsoring on GitHub helps keep the content coming https://github.com/codediodeio
    1
  3137. Good choice comrade!
    1
  3138. Thank you! I send our regular updates to our Slack team. You should join https://join.slack.com/t/angularfirebase/shared_invite/MjA2NTgxMTI0MTk2LTE0OTg4NTQ4MDAtMjhhZDIzMjc0Mg
    1
  3139. They are actually pretty unique to Firebase/NoSQL. If you have a SQL database, you can make queries with an OFFSET, making things a little easier
    1
  3140. I can definitely do something like that. I have been planning on making an advanced user permissions video, so I might focus on that soon. Thanks!
    1
  3141. Thank you! Anything specific you want to see on the channel?
    1
  3142. The virtual repeat component is a presentational tool that replaces a fixed number of DOM elements with data based on its index. When it's ready, it should be usable with this technique for loading new data from firebase.
    1
  3143. Thank you! That has been requested several times now, so I have it on my future videos list. Stay tuned.
    1
  3144. Thank you!
    1
  3145. That's a good question. Having tons of items in the DOM can have performance implications. Angular2 is better at reusing existing DOM elements when possible. I don't know if this will answer your question, but it's an interesting comparison of performance between frameworks: https://auth0.com/blog/more-benchmarks-virtual-dom-vs-angular-12-vs-mithril-js-vs-the-rest/
    1
  3146. Thank you!
    1
  3147. Yes, dialog flow can return voice and process voice. That might make a good future video.
    1
  3148. +Devorrah Thank you, glad you enjoyed it.
    1
  3149. ๐Ÿฅˆ Silver
    1
  3150. Thanks for watching :)
    1
  3151. Twitter API requires approval. That takes days and not even sure if they would approve it for a meme video.
    1
  3152. That's only required if you have a server-side flow. In this demo we are all client-side, so gapi will handle the refresh token automatically per request.
    1
  3153. Good one. Its a CSS API, but this would make a cool future video.
    1
  3154. That's what I'm using via live-stream in about an hour to pick a winner :)
    1
  3155. ๐Ÿฅ‰ Bronze
    1
  3156. ๐Ÿฅˆ Silver
    1
  3157. ๐Ÿฅ‡ Gold!
    1
  3158. ๐Ÿฅˆ Silver
    1
  3159. ๐Ÿฅ‡ Gold!
    1
  3160. I have a bunch of Ionic4 vids planned :)
    1
  3161. Thank you :) It's probably not faster, but much easier to deploy and experiment with (and it's free).
    1
  3162. I would not expect it to be faster unfortunately. The load time depends mostly on how quickly he frontend site loads.
    1
  3163. It's an awesome tool and way easier to deploy now that it's on FCF
    1
  3164. It depends. Stripe is still better overall IMO, but PayPal is preferred by many and supported in more countries. They are really close in feature parity and pricing.
    1
  3165. So far Stripe seems to be the preferred method still, but I am keeping an eye on it. That is a good point, I overlooked that aspect of useEffect.
    1
  3166. ย @deallocย  You're right, I just found that in the create-react-app docs. I stand corrected. Just merged a pull request in the code that cleans up the react example.
    1
  3167. The public folder can be deleted and overridden, so you generally don't want src code there.
    1
  3168. Haha, I get that a lot :)
    1
  3169. Stripe is still better overall IMO, but I actually use both side-by-side now.
    1
  3170. Standard is only supported for a few runtimes like Go, Java, and Python. NodeJS is not one of them unfortunately.
    1
  3171. Your code looks correct to me... Hard to say. Any errors in your server logs?
    1
  3172. Page load performance is determined directly by your PWA - if you designed a fast PWA, it will still be fast. Rendertron is only executed by bots.
    1
  3173. Thanks for watching!
    1
  3174. Thank you, glad you liked it.
    1
  3175. Hypothetically, you could use anything you want as the middleware - it just needs to intercept the request and route it accordingly.
    1
  3176. I hear you - I thought it was too good to be true, but then it worked.
    1
  3177. Haha, there's always that one troll who downvotes.
    1
  3178. Checkout the original tweet, I think he's building a real app https://twitter.com/elvin_not_11/status/1199717678908366854
    1
  3179. It was only recently supported in regular old block layouts
    1
  3180. I wasn't paid by anyone for this video. In rare cases where I have paid sponsors I clearly disclose it.
    1
  3181. It will be in the root when you build the app for production. The dist/ folder is what actually gets deployed.
    1
  3182. I'm not sure about that decision, personally I like the existing URL shortener.
    1
  3183. We deployed the app to hosting a 3:40 Was there more you wanted to see?
    1
  3184. Harsh. This style is designed for those who dislike long format videos, but it's not for everybody. I'm sure bucky roberts is great, but there is no single perfect style for everybody.
    1
  3185. +Alan Will do, thanks for watching!
    1
  3186. I realize it's fast, that is just my style. Which step was missed exactly? I would like to update the article if possible. Thank you.
    1
  3187. +Jamie Thank you. It's nice to mess around with the regular web SDK every once in a while.
    1
  3188. You bet, thanks for watching
    1
  3189. This explains it https://stackoverflow.com/questions/37482366/is-it-safe-to-expose-firebase-apikey-to-the-public
    1
  3190. Thank you!
    1
  3191. Yes, identical to AWS lambda.
    1
  3192. Nothing with Swift yet, but I might do some Flutter or native SDK videos in the future.
    1
  3193. What is the error?
    1
  3194. Are you on windows? The touch command just creates a new file, but only works on Mac/Linux. https://stackoverflow.com/questions/30011267/windows-equivalent-of-touch-i-e-the-node-js-way-to-create-an-index-html
    1
  3195. Yes, there is some magic happening. I believe I used Bulma.io for this demo.
    1
  3196. It's free within certain monthly limits, then it becomes pay-as-you-go https://firebase.google.com/pricing#blaze-calculator
    1
  3197. A Russian translation would be great. Feel free to email me or message me on Slack if you want to talk details.
    1
  3198. Yes, they have a generous free tier, but user auth is always free. Your costs are mostly DB and cloud function usage.
    1
  3199. That's not it's real logo, I don't think it has a logo.
    1
  3200. I never really thought thru the logic. I guess "like || subscribe" would be better ๐Ÿคฏ
    1
  3201. Bazel is far more powerful, but it's hard to learn/use. It's in a different weight class. I do plenty of shilling for Google too :)
    1
  3202. Thanks Bill!
    1
  3203. I will cover them in a separate vid, felt overwhelming as they are very similar to `call`.
    1
  3204. You are right, there should be new keyword in that clip.
    1
  3205. Missed that typo, not much I can do now
    1
  3206. Mission accomplished!
    1
  3207. Nope, just 1080 with VScode in zen mode.
    1
  3208. https://github.com/tonsky/FiraCode
    1
  3209. There will be a full video on async js soon.
    1
  3210. https://github.com/tonsky/FiraCode
    1
  3211. Thank you! I pinned your comment to the video.
    1
  3212. Angular is adding the app prefix, i.e. app-lazy-component. So just add app in front of lazy component when using in html.
    1
  3213. The background music track? You can find it here: https://audiojungle.net/item/ambient-deep-loop/19729970
    1
  3214. +Amro Thanks for the insight. Firebase performs very well in most situations, especially if you model your data correctly. The primary drawback vs SQL is making multi-property queries (no WHERE clause).
    1
  3215. Silver! ๐Ÿฅˆ
    1
  3216. It's optional. Ngrx creates one big reducer for you, the meta reducer allows you to run code on the state/actions that flow through it. It can useful for debugging/logging.
    1
  3217. Yes, they all work together to handle different use cases.
    1
  3218. Thank you! I use atom-one-dark for syntax and "VS code icons" for icons.
    1
  3219. ๐Ÿฅ‰ Bronze
    1
  3220. ๐Ÿฅˆ Silver
    1
  3221. It's from the TV show 24
    1
  3222. obrigada amigo!
    1
  3223. participation medal ๐Ÿ…
    1
  3224. gold ๐Ÿฅ‡
    1
  3225. Yes, it can be used with the admin SDK as well.
    1
  3226. I did, sorry for the delay. I wanted to research some of the tools you listed. I will get back to you there tomorrow.
    1
  3227. No, I have not done anything like that. What's your use case? Sounds like it could make an interesting topic
    1
  3228. Thanks for watching Abhishek
    1
  3229. Great to hear that, thanks for watching :)
    1
  3230. I agree with you actually, it will create more problems that it solves in many apps. You should have (1) large relational APIs (i.e. Yelp!) that (2) may need to combine several data sources on a single request and (3) have multiple client apps that drive the development decisions.
    1
  3231. That was a joke - GQL is cool, but probably overkill in most situations.
    1
  3232. It really depends. You might handle most of that filtering client side or use a full text search service like algolia.
    1
  3233. I agree, his tweet had the right idea but not the best comparison. I think XML vs JSON might be a slightly better one.
    1
  3234. Yes, part 2 is done, working on the video now :)
    1
  3235. Thank you for watching :)
    1
  3236. Interesting, I've messed around with Hasura a little bit, but you just motivated me to give it a more thorough look.
    1
  3237. Link? It still uses a bridge AFIAK. Performance is rarely an issue, but that's a common bottleneck if you're pushing the limits.
    1
  3238. Not that I'm aware of... Should I know this person?
    1
  3239. Haha, I think that might be the new channel mascot.
    1
  3240. Thanks Michel!
    1
  3241. Paypal has a similar set of APIs https://youtu.be/AtZGoueL4Vs
    1
  3242. *results not typical
    1
  3243. Chance/faker should definitely be used sparingly. In this case we're signing up a unique user in the test project on each run, so I think it makes sense. You could write your own fixture or teardown code, but that's just extra work.
    1
  3244. Thank you for watching Solomon :)
    1
  3245. That can be a good option, but some products need to be on the app stores and/or need native features not supported by PWAs.
    1
  3246. Yes, your material libs would be great as a TWA
    1
  3247. I have not done push in a TWA, but they follow the same guidelines as web, so permission must be granted manually AFAIK
    1
  3248. Thank you, welcome to the channel!
    1
  3249. Don't hold your breath for apple support, check this out for the stack https://youtu.be/gun8OiGtlNc
    1
  3250. It's on a private test track. If you want to test it DM me on slack.
    1
  3251. Thanks Zach!
    1
  3252. I'm glad you commented, I saw this in the live chat. Can you link your app? Obviously this is not as seamless as a TWA, but it does sound like a clever way to also support iOS. However, it sounds like it may be pushing the boundaries of Apple's terms of service.
    1
  3253. It is not but I'll send you tester link if you want to DM me on Slack :)
    1
  3254. With Ionic you still need to write platform specific code with plugins for things like oauth/storage because webviews are sandboxed, but that's not always a bad thing. The TWA is literally a 1-to-1 mirror of your PWA. That is true about iOS, but PWAs are not discoverable on the app store.
    1
  3255. Thanks for watching ๐Ÿ’ฏ
    1
  3256. Me too, but don't expect that to happen anytime soon
    1
  3257. ย @PakoStย  Good call, I did come across his article at some point. Sven links it in his post on medium.
    1
  3258. Should make it to 1MM in about 10 years!
    1
  3259. It's depends on the use case. RN and Flutter are much better at creating high quality native apps, but many web-focused apps just need a 1-to-1 experience and discover-ability in the play store.
    1
  3260. Yes, it should work with lazy routes out of the box :)
    1
  3261. ๐Ÿฅ‡ gold
    1
  3262. ๐Ÿฅˆ Silver
    1
  3263. ๐Ÿฅ‰ Bronze
    1
  3264. It's sorta possible, but actually not great for masonry without some JS magic.
    1
  3265. Good point, will keep that in mind for next time ๐Ÿ‘
    1
  3266. Oh wow, you might be right. Have you tried this? I'm not sure if it will work in calc like that.
    1
  3267. +Phillip Thank you. Yes, I might do an Angular Quick Start the near future.
    1
  3268. Thank you! This one was a little more advanced, but TypeScript is a huge help in the cloud function code.
    1
  3269. Thank you! Happy to hear that :)
    1
  3270. Update Oct 2017: Learn about important changes with Firestore and AngularFire v5 https://youtu.be/-GjF9pSeFTs
    1
  3271. Have the method return false if the key is empty.
    1
  3272. That's added to match the way AngularFire2 returns objects from the database. Every object will have a $key property that references its push key in the database.
    1
  3273. Here's the AngularFire2 package: https://github.com/angular/angularfire2
    1
  3274. Correct, if the Observable completes on it's own then unsubscribing is not necessary. Firebase observables continue to emit values, so it's necessary to unsub manually.
    1
  3275. Thanks for pointing that out. I wanted to include both mergeMap and switchMap in this video, but find the latter is more common, especially when dealing with firebase auth.
    1
  3276. Awesome, glad to hear that
    1
  3277. Thank you! It probably depends on the situation, but you could use a service as a "middleman" where hammer events update an animation source subject, then your components subscribe to the subject as an observable.
    1
  3278. Thanks for watching :)
    1
  3279. Totally, Progressive Web Apps are possibly are one of the most exciting areas in tech right now.
    1
  3280. Wow, thank you. I really appreciate that and have many more videos planned.
    1
  3281. I have covered a good amount about PWAs already. What do you want to see specifically?
    1
  3282. Those were just the logos I had laying around, haha.
    1
  3283. Bronze ๐Ÿฅ‰
    1
  3284. Silver ๐Ÿฅˆ
    1
  3285. https://fireship.io
    1
  3286. I'm not aware of a hard limit, but the initial content must load fast. Checkout the section "First load fast even on 3G" in the official checklist: https://developers.google.com/web/progressive-web-apps/checklist#baseline
    1
  3287. Good catch. I must have manually typed the scene. The correct command can be found in the description links.
    1
  3288. +Kawzaki Thank you! This is helpful.
    1
  3289. It's not just a Firebase thing. PWAs already have experimental support in webkit (and ms edge) as of december 2017, so we should see full support soon :)
    1
  3290. Look at the comments from Kawzaki Honda, he provides a couple tips for using the worker in development.
    1
  3291. I could be wrong, but I don't think its possible out of the box. What you can do is build in prod mode, then use something like the "http-server" package to serve the contents of /dist folder locally. https://github.com/indexzero/http-server
    1
  3292. I think Algolia would probably be easier to implement and provide a better UX if searching multiple properties. However, it does cost $ at a certain volume, so that's the tradeoff.
    1
  3293. No, I would not say that. You can retrieve specific values by querying them directly. Algolia is arguably the best way to add full text search over an entire subset of data, especially if you want catch user typos, related terms, rank results, etc.
    1
  3294. This demo used all of Angular + Firebase, so the bundle is huge just like a full on SPA. Angular Ivy makes them much smaller and you can also defer the script with server rendered content https://angularfirebase.com/lessons/angular-elements-advanced-techniques/
    1
  3295. I agree, the SPA-only approach has always been the biggest limitation of Angular.
    1
  3296. Imagine you have a wordpress website that needs something interactive, say a 5-star product review. Instead of re-building an entire app, you build a single component and drop it into the current app.
    1
  3297. Polymer is a great tool, and also Stencil. This just gives us more options and flexibility.
    1
  3298. This one is quite large, but that's because it brings in Firebase and all of Angular. The Ivy Render engine will be able to treeshake them into tiny little bundles - less than 10Kb for a hello world.
    1
  3299. The tutorial can be updated to deal with breaking changes or improvements, but YT vids cannot be changed after the initial upload.
    1
  3300. Are you lucky? I will let the computer randomly pick some names on Friday :)
    1
  3301. Rob Wormald has been doing talks about Elements for a while now. I was inspired to make this video from his NgConf 2018 overview.
    1
  3302. The bundle size is huge currently (especially with the Firebase SDK), but it can be brought way down by the ivy render engine.
    1
  3303. WINNER! - You won a free hat :) Shoot me an email at hello@angularfirebase.com so I can send you the details.
    1
  3304. Yes, you can bundle them together.
    1
  3305. They should have a fix released soon, for now just run `npm install rxjs-compat -s`
    1
  3306. It's large, I don't remember the exact size ~400kb. A gzipped hello world element without firebase is about 60kb. However, you can defer these scripts and still get really fast initial page loads. And the upcoming angular Ivy engine will reduce the size also.
    1
  3307. A little less evil :)
    1
  3308. Good to hear, thank you :)
    1
  3309. Cool! I want to have a good variety, and also put out out full courses in the future.
    1
  3310. Great! Yes and no. If you just need to filter an array with a single value this will work. But you can't chain multiple `array-contains` values on a single query.
    1
  3311. Awesome, I will shoot for that :)
    1
  3312. Thank you, there are usually hidden little gems like this in every SDK release.
    1
  3313. Cool, that's how I originally started this channel and want to get back to that
    1
  3314. Congrats on the new job!
    1
  3315. Technically a "descendent" of GPT-3. I could have clarified that better.
    1
  3316. Mine too ๐Ÿคฃ
    1
  3317. If you used the browser, you could also access the users cookies, which may be necessary to hack into their users account.
    1
  3318. Silver! ๐Ÿฅˆ
    1
  3319. Bronze ๐Ÿฅ‰
    1
  3320. TIL, thank you
    1
  3321. Bronze ๐Ÿฅ‰
    1
  3322. Gold ๐Ÿฅ‡
    1
  3323. I do have some CI/CD ideas in the works!
    1
  3324. I made an Angular Electron video in the past, trying to avoid extra complexity of a framework.
    1
  3325. gold ๐Ÿฅ‡
    1
  3326. I would start by looking into ffmpeg. It can be accessed with Node and is a swiss army knife for video files. https://github.com/fluent-ffmpeg/node-fluent-ffmpeg
    1
  3327. I get that a lot actually :)
    1
  3328. Interesting, was not aware of that. Looks like Azul has a ton of potential.
    1
  3329. This came out before provider was popular, but check this out https://youtu.be/vFxk_KJCqgk
    1
  3330. Yes, you need to use a cloud function to determine the right response, but I plan on making a dialogflow video soon that will cover stuff like that.
    1
  3331. BehaviorSubjects FTW!
    1
  3332. Thank you :)
    1
  3333. Not bad at all :)
    1
  3334. Well said! I think a solid CI/CD video for flutter will come soon :)
    1
  3335. ย @remirousselet6867ย  Gotcha, I will clarify in the article. And thank you for all the awesome stuff you do with Flutter!
    1
  3336. That is a good point. When would it make sense to use statefulbuilder? Only when the builder has access to some other inherited state?
    1
  3337. Yes, similar concept.
    1
  3338. Thank you, this video was extra challenging. Bloc might be more than you need for a prototype, scoped model or a simple stream might be easier.
    1
  3339. Scoped Model or the BehaviorSubject approach I showed in the video.
    1
  3340. It is low-level and requires a lot of configuration. That's why I prefer the BehaviorSubject approach, or scoped model is a good option.
    1
  3341. BehaviorSubject is the Rx equivalent to a StreamController, I probably should have mentioned that :)
    1
  3342. Redux is really the inspiration for most of these concepts, can't go wrong there.
    1
  3343. ย @Doruminย  Scoped model is really awesome, that's probably why its in the official docs now. Personally, I like my streams because they can controlled and monitored in predictable ways, and just feel right with realtime data sources like firebase.
    1
  3344. I would agree with you here, it's nice to to have the flexibility of both.
    1
  3345. You just need to import it with: import 'rxjs/add/operator/switchMap';
    1
  3346. Thank you. It could be that service is being re-instantiated on every page. Try adding your auth service to the constructor in the app.component. Also, join the slack team if you want to talk code https://join.slack.com/t/angularfirebase/shared_invite/enQtMjA2NTgxMTI0MTk2LTk2NzJmMDNiMDUzYjk1NDRhMDBlZTQxZGNmMWUxMDFjOWI2Yjc4ZmY1ZTNjZjVhMjU5MGQ1ZDdhMTA5NGIyOTU
    1
  3347. Add this to your service: import 'rxjs/add/operator/take'
    1
  3348. Thanks! Many different ways to approach this problem, but I think this is pretty flexible.
    1
  3349. +Amro Thank you!
    1
  3350. +Napaleon Thank you!. I did a reddit upvote video a couple months ago.
    1
  3351. +Brian Thanks for the suggestion, I do plan on making a paypal/braintree payments video in the future.
    1
  3352. Thank you! really appreciate that feedback :)
    1
  3353. Thanks Anthony! I've used it in many projects, never been disappointed.
    1
  3354. Thank you Jacob!
    1
  3355. ๐Ÿฅ‰ Bronze
    1
  3356. Thank you Will!
    1
  3357. That would work if they were nested in subcollections, but all the docs are in the same root collection in this case, so they can be read with a single query.
    1
  3358. Yes, very hard choice. Especially in 2018 when there are more choices than ever.
    1
  3359. Great to hear, thank you!
    1
  3360. No, ubuntu
    1
  3361. Benoit Laforet yes, but not sure if it's officially supported yet. Basically, the final version will support all js frameworks because it is built with web components
    1
  3362. Yes, there are a lot of changes, but it's mostly just renaming as opposed to rewriting the logic.
    1
  3363. A big selling point for Ionic is that you can share the same codebase. But nothing stopping you from managing separate projects.
    1
  3364. Thank you :)
    1
  3365. Classic footage :)
    1
  3366. Maybe... If you need access to native device (camera, geolocation, etc), you need to patch in Cordova/Capacitor plugins. The bigger question is "Does your website work just as well as a native app". If yes, Ionic is great, but its tough to make a quality native app with 1-to-1 code sharing with a web app.
    1
  3367. Gal Tadmor yes, that is what it tries to accomplish. Checkout my 5 apps in 5 minutes video
    1
  3368. I have similar dreams my friend :)
    1
  3369. RageBasterd you're totally right. Thanks for posting this extra detail. I should have said "JavaScript" bridge. I've also been using flutter for a while now and love it.
    1
  3370. Well Ionic is advertised as a cross-platform solution, so its needs to be compared to other native tools. I think PWAs are great, but true native is still superior in many ways. Twitter is a perfect use case, but apps that have heavy graphics/animation or require frequent native API access make the decision more interesting.
    1
  3371. Do you know web development? If so, hybrid will be the fastest way to get something built. If not, I would look into flutter or just native iOS/Android.
    1
  3372. Almost every video is a self-contained project, so you can watch in any order. There is no linear connection between topics.
    1
  3373. +Daniel Thank you! I appreciate the feedback.
    1
  3374. +kudikyala Join the Angular Firebase Developers Slack team so we can chat in more detail. Here's your invite: https://join.slack.com/t/angularfirebase/shared_invite/MjA2NTgxMTI0MTk2LTE0OTg4NTQ4MDAtMjhhZDIzMjc0Mg
    1
  3375. Thank you!
    1
  3376. Cool ideas, I have a file uploading video, but it just covers the basics. I plan on doing some more advanced file management stuff in the future.
    1
  3377. Awesome, thanks for the feedback! Any specific topics you want to see on the channel?
    1
  3378. Thank you! Any Angular or Firebase topics you would like see?
    1
  3379. The third method has many possible rules depending on how the app is setup. Check out this video https://youtu.be/qLrDWBKTUZo
    1
  3380. I left it out because it there are many ways to do it. In this scenario, backend rules can be similar to method 2 based on the user that created the item. Alternatively, you could assign certain certain members at moderator attribute. You might find this lesson helpful https://angularfirebase.com/lessons/understanding-firebase-database-rules-by-example/
    1
  3381. +Liran Thanks for watching.
    1
  3382. + Javier Thank you!
    1
  3383. That's a challenge when dealing with Realtime data. Checkout my previous Algolia video - their instant search library solves this problem out of the box.
    1
  3384. It is possible in Node as child_process, but have never tried in a Firebase Cloud Function. Might be something to experiment with in the future...
    1
  3385. +Gissur Thank you, really appreciate that!
    1
  3386. ๐Ÿฅ‡
    1
  3387. I get that a lot, but I recommend following the written article and decreasing the playback speed.
    1
  3388. Nice, I'll check that out
    1
  3389. +Daniel Thank you - I appreciate that coming from you :)
    1
  3390. Thank you!
    1
  3391. Thank you!
    1
  3392. +Mel Thanks!
    1
  3393. Using the `last` operator is one method. It depends on the type of observable, but rx has operators that can do just about everything.
    1
  3394. That's a fair point. It could definitely footgun if not used carefully.
    1
  3395. That's a good point ๐Ÿ‘
    1
  3396. Check the bottom of the video description
    1
  3397. Thank you! You can bind to any DOM event, the full list is here: https://developer.mozilla.org/en-US/docs/Web/Events
    1
  3398. I'm using Kubuntu 16.04, but will be upgrading to 18 soon.
    1
  3399. Gracias Carlos!
    1
  3400. ๐Ÿฅˆ Silver
    1
  3401. ๐Ÿฅ‡ Gold!
    1
  3402. Thanks! Welcome to the channel :)
    1
  3403. My first framework, still a great option.
    1
  3404. Thank you Ernie :)
    1
  3405. There are certain use-cases where that may be true, but in general, serverless is far less expensive than the alternatives.
    1
  3406. Profit? Tech companies don't make profits. Dropbox still operates deep in the red today.
    1
  3407. Awesome, let me know how your integration goes :)
    1
  3408. You bet, thanks Carlos
    1
  3409. Stripe is avail in EU https://stripe.com/global
    1
  3410. Thank you, this topic was the #1 request, so happy to make it :)
    1
  3411. This is due to changes in RxJS v6. Watch the latest here ๐Ÿ‘‰ https://youtu.be/qP5zw7fjQgo
    1
  3412. +Austin Thank you, happy to hear that :)
    1
  3413. Thank you Daniel, I will keep moving forward
    1
  3414. Thank you :)
    1
  3415. +Xing Thank you, I have big plans to share a lot more content in 2018
    1
  3416. +Michael, Thank you, we are doing better.
    1
  3417. +Mustafa Thank you, that means a lot to me :)
    1
  3418. +Phillip Really appreciate that, we will move forward :)
    1
  3419. It was a total shock for us, but he left happy. Really appreciate the kind words - that's the stuff that keeps me motivated to push forward.
    1
  3420. +Yassine Thank you for your support :)
    1
  3421. +Reynaldo that's tough man. Thank you for the support :)
    1
  3422. +Orestes Thank you, really appreciate that :)
    1
  3423. I appreciate that :) Thanks for watching
    1
  3424. Thank you, here's the slack invite link https://join.slack.com/t/angularfirebase/shared_invite/enQtMjU2OTU5OTMyODM3LWU4YTZiMGFhZjJhYmEwYzI1MWFmYTgyMWRmOTI5NWZjYWE3NTMwZjFmNWMwZGI1MmMzODQ3OTFlZjFkMjc5N2Y
    1
  3425. +Ibrahim Thank you, really appreciate your support :)
    1
  3426. That's good to hear, thank you!
    1
  3427. Thank you Mel :)
    1
  3428. ๐Ÿฅˆ Silver
    1
  3429. ๐Ÿฅ‡ Gold!
    1
  3430. This tutorial is using the AngularFire v4. You will need to import the database `database-deprecated` for it to work now in v5. I will post a revised video in the next week or two.
    1
  3431. Many of the core principles will be the same, but yes, Firestore will change things significantly. I hope to get a new Ngrx vid out soon with Firestore.
    1
  3432. I'm assuming you're asking about Redux Devtools for Chrome. I talk about it towards the end of my last ngrx video: https://youtu.be/f97ICOaekNU
    1
  3433. +Amro thanks for watching!
    1
  3434. +Thomas Thank you!
    1
  3435. You just download the JSON file generated by the Firebase console. Certain GCP services, like DF, will not work with the default credentials.
    1
  3436. Mostly via suggestions from the community :)
    1
  3437. Yes, you would want to pass off the long running work to a separate function. A Firestone trigger could be a good option here.
    1
  3438. Bronze ๐Ÿฅ‰
    1
  3439. Silver ๐Ÿฅˆ
    1
  3440. https://github.com/fireship-io/182-svelte-firebase
    1
  3441. It was rendered in 4K, just waiting on YouTube...
    1
  3442. ๐Ÿฅ‰ Bronze
    1
  3443. ๐Ÿฅˆ Silver
    1
  3444. Sorry to hear that. Reach out to him with this feedback.
    1
  3445. https://youtu.be/G1rOthIU-uo
    1
  3446. ๐Ÿฅ‡ Gold!
    1
  3447. ๐Ÿฅˆ Silver
    1
  3448. ๐Ÿฅ‰ Bronze
    1
  3449. Oh, you need to use `ctrl+shift+p` to paste into a linux terminal if that's what you mean.
    1
  3450. ๐Ÿฅ‡ gold!
    1
  3451. Yes, for sure. Cloud functions are ready to go with Firestore, so I will have videos covering integrations in the future.
    1
  3452. I will make some videos showing common app features. Migrating an entire app from AngularFire v2/4 to v5 could be chore. However, they left `database-deprecated` in the package, so you can upgrade incrementally.
    1
  3453. You got it. I have a new Ngrx Firebase video planned for next week (and also Ngrx Entity)
    1
  3454. Thanks! I had not seen that post yet.
    1
  3455. Not yet, but I will try to get it up there today or tomorrow.
    1
  3456. It will work, but only from a single tab. Under the hood, AngularFire is just using the `goOffline` method from firebase. Here's a better explanation of how it works. https://firebase.google.com/docs/reference/js/firebase.database.Database#goOffline
    1
  3457. Here's the deal for web apps currently: "For the web, offline persistence is an experimental feature that is supported only by the Chrome, Safari, and Firefox web browsers. Also, if a user opens multiple browser tabs that point to the same Cloud Firestore database, and offline persistence is enabled, Cloud Firestore will work correctly only in the first tab."
    1
  3458. Hi Raja! Thank you, looking forward to your video :)
    1
  3459. Right - I think you missed the sarcasm of my response :)
    1
  3460. I graduated from one of California's top computer science schools with really good grades - I don't get the comparison.
    1
  3461. I might. I have been getting a lot of requests for Nuxt.
    1
  3462. I was wondering if anybody was going to read that
    1
  3463. SSR or ISR
    1
  3464. You're right, that is a true fact
    1
  3465. Use something like Next, Nuxt, or Angular universal that can server-render.
    1
  3466. Yes, this video is outdated as of AngularFire2 v5, but I made an update video here: https://youtu.be/e8GA1UOj8mE
    1
  3467. I hear you and plan on doing an updated auth video after Angular 5 is released. For now, you can check out the updated source code for the project at https://github.com/codediodeio/angular-firestarter
    1
  3468. Oh I see. Check out this Gist i created. After the user logs in, it merges their auth uid, with data in the database. https://gist.github.com/codediodeio/0921b135c13fa8711e990c23aa22f144
    1
  3469. Are you building your own auth system from scratch? Check out this email/password lesson: https://angularfirebase.com/lessons/angular-firebase-authentication-tutorial-email-password-signup/
    1
  3470. ๐Ÿฅ‰ Bronze
    1
  3471. ๐Ÿฅˆ Silver
    1
  3472. ๐Ÿฅ‡ Gold!
    1
  3473. Thank you Abdul :)
    1
  3474. ย @MYMPSWORLDย  yes, it does support reusable cards. That's what I do for Fireship.io/pro and cover the implementation in the full stripe course
    1
  3475. Yes, it is not available everywhere unfortunately :(
    1
  3476. No, they also handle bank accounts, sepa, bitcoin, apple pay, google pay, etc.
    1
  3477. ย @SusumoKakinotaneย  Thank you! Put a lot of work into optimizing perf :)
    1
  3478. You have a good manager
    1
  3479. Just memberships or lifetime
    1
  3480. Gold ๐Ÿฅ‡
    1
  3481. ๐Ÿฅˆ Silver
    1
  3482. ๐Ÿฅ‰ Bronze
    1
  3483. +Stian Thank you for sharing. I cover Firebase Cloud Functions in other videos so I just blew over that part.
    1
  3484. Most of my content is focuses on Angular 2+ or just Firebase.
    1
  3485. Make sure your NPM AngularFire2 and firebase packages are updated to the latest versions. You may need to delete node_modules, then reinstall.
    1
  3486. This is a controversial issue, like gif or jif.
    1
  3487. ๐Ÿฅˆ Silver
    1
  3488. ๐Ÿฅ‰ Bronze
    1
  3489. Thank you!
    1
  3490. Silver ๐Ÿฅˆ
    1
  3491. I need to play around with the latest version. It's cool, but most well suited for specific types of apps. I'm more excited about the potential of Flutter desktop.
    1
  3492. Yes, they just shipped a bunch of new features. It's always on my list.
    1
  3493. Ha, that never occurred to me. It means, entrepreneur in Japanese. I always confuse it with Heroku.
    1
  3494. Yes, they recently added a REST endpoints feature.
    1
  3495. I was not saying perf is not important, it is. Bad code is more likely to slow something down than the language itself. It really depends on on the that task at hand, but complied multi-threaded languages can perform better on most benchmarks related to raw performance.
    1
  3496. No, that was not a real world example at all. I just wanted to get the poo out of the array to finish up the video on a high note.
    1
  3497. I was going to mention the recursive-curried-trampoline-functor-monad-combinator loop, but just ran out of time.
    1
  3498. Atom One Dark
    1
  3499. Quokka
    1
  3500. I'm stuck with that voice, never expected to be making these vids in the first place
    1
  3501. ๐Ÿ’ฉ
    1
  3502. Nice work, thanks for watching :)
    1
  3503. Yep, it's fully compatible with cordova https://capacitor.ionicframework.com/docs/basics/cordova
    1
  3504. That's smart, it's not quite ready for production yet.
    1
  3505. I wish real life was that easy :)
    1
  3506. I hear you, Angular Universal is easily the hardest part of the ecosystem to get up and running.
    1
  3507. +Alex Thanks for watching!
    1
  3508. Thanks Sal!
    1
  3509. Nice! Server side rending content can be a challenge when it comes to Angular and Firebase.
    1
  3510. Great to hear it. Thank you +Saad
    1
  3511. Rendertron is easier to setup, but much slower. Universal is harder to setup, but faster. Tradeoffs.
    1
  3512. It's hard to find good content on this subject. Thank you!
    1
  3513. That means you need to `preventDefault` on the event. That's already in the code in the video, but it sounds like the event is not being prevented.
    1
  3514. That's definitely on my wishlist, I just need to iron out the details.
    1
  3515. Thank you Patrick!
    1
  3516. Haha. Gifs == easy way to make your videos look cooler.
    1
  3517. +Ambikesh Thanks for watching :)
    1
  3518. I would recommend checking out the new Angular CDK drag and drop module. It will provide better reliability for a feature like this. I will create an updated video in the future.
    1
  3519. Thank you, happy to hear that :)
    1
  3520. Thank you! This artist does awesome work: https://audiojungle.net/item/digital-technology/20535333
    1
  3521. Thank you for the suggestion. I do have some more Ngrx/Redux videos planned for the future, so stay tuned.
    1
  3522. Nice catch. I noticed the error after uploading the video and since corrected it in the full lesson code.
    1
  3523. +Martin Thank you, I plan on getting a Twilio video out soon. Yes, you can hit the Twilio API from a cloud function.
    1
  3524. Yes, you need to upgrade if your cloud functions are sending 3rd party API requests. You can do Blaze pay-as-you-go which is almost free until you get a decent sized user base.
    1
  3525. Thank you. I will update this section on the website.
    1
  3526. Our slack team might be able to help out : https://join.slack.com/t/angularfirebase/shared_invite/MjA2NTgxMTI0MTk2LTE0OTg4NTQ4MDAtMjhhZDIzMjc0Mg
    1
  3527. Give GCP some time to provision the upgrade, it usually takes a few minutes. Also, try console logging the errors object 'Code: 400, body: { errors: [Object] }' for further debugging. It will definitely work - GCP and SendGrid are designed to play well together.
    1
  3528. The issue is usually are result of the free Spark plan on firebase, which does not allow non-google HTTP requests. You should be able to fix it by (1) upgrading your firebase plan or (2) not 100% sure, but try activating sendgrid via GCP at this link https://console.cloud.google.com/launcher/details/sendgrid-app/sendgrid-email
    1
  3529. No, not for web apps. Plugins are only for native iOS or Android app store apps.
    1
  3530. Yes, Facebook has it's own cordova plugin, but the process is pretty much the same.
    1
  3531. Yes, if building a web app you can use AngularFire, otherwise for native apps use the Google Plus Cordova plugin.
    1
  3532. You could return a promise, but then you would have to await it in a different method. Either approach would work.
    1
  3533. Bronze ๐Ÿฅ‰
    1
  3534. Good question https://youtu.be/N6-Q2dgodLs
    1
  3535. Great to hear that, thanks for watching :)
    1
  3536. I really hope the swag gods don't make you await much longer
    1
  3537. Thanks! What kinda stuff are you into?
    1
  3538. That's what I'm here for, thanks for watching :)
    1
  3539. No, don't think so. But I do have some Irish ancestry.
    1
  3540. Haha, yeah, that joke has been way overused for last few years.
    1
  3541. There will only be one (1) ever printed, join the stream next week because your comment just might win.
    1
  3542. Might do some NS soon, but not with NgRx. I'm currently working on a better content platform for this channel called Fireship.io - always busy as heck :)
    1
  3543. Yes, but I can't take credit, that joke has been floating around for a while now.
    1
  3544. T-๐Ÿ’ฉ
    1
  3545. Nope, just copy and paste from emojipedia
    1
  3546. Usually I don't get this low-level, but I think it's important stuff to know when working with async/await.
    1
  3547. Thanks! Jake's talk is one of my favorite of all time.
    1
  3548. Link? I think YouTube stripped out the content....
    1
  3549. ย @Luxciumย  haha, I was kidding about that, I can ship to Canada. Expect a lot more vanilla js content in the near future
    1
  3550. I can ship to every country in the world... except Canada ๐Ÿ˜‰
    1
  3551. Thank you Bill!
    1
  3552. Forgot about that. You need the Blaze plan, but it is still free up to 125K function calls per month
    1
  3553. Bronze ๐Ÿฅ‰
    1
  3554. Silver ๐Ÿฅˆ
    1
  3555. Good point, you need at least a pay as you go plan - forgot to mention that. Twilio is also a paid service and can get fairly expensive with high volume usage.
    1
  3556. Because this video was made before Functions officially supported TS. All current videos now use TS.
    1
  3557. Bulma.io
    1
  3558. That was a good talk. I like the flexibility of Provider and you can even use it to roll out your own Bloc-style solutions.
    1
  3559. That is true, but you need some way to tell the framework where its data dependencies are located. I think Provider does this in a way the fits the ergonomics of Flutter well.
    1
  3560. It's probably possible, but might not be practical. Sometimes it's better to duplicate or partially migrate the data you want in Firebase. Every case is different.
    1
  3561. The course is pretty fast, but more in depth. Try a few of the free videos in the course to see if its right for you
    1
  3562. I may do that in the future, but I cover the deploy process in the full course for both google play and apple.
    1
  3563. Thank you Sergey
    1
  3564. ๐Ÿฅˆ Silver
    1
  3565. Silver! ๐Ÿฅˆ
    1
  3566. Haha, yeah I have some more Flutter ideas in the works.
    1
  3567. Haha, I've been on a roll lately.
    1
  3568. I may do some react videos in the future (Vue is more likely), it just requires more configuration to get to workable demos typically.
    1
  3569. Stencil is awesome, their use of TS decorators is spot on and I hope Angular takes some hints.
    1
  3570. Slots are are a feature of web components, so it's just matching that standard.
    1
  3571. Oh wow, that's awesome. I'm building my next website with elements and Firebase. It's a great way to build web apps.
    1
  3572. ย @Kevin192291ย  Yeah webpack is hard to learn because it's part magic part configurable. Added that to the video list.
    1
  3573. Would you like to see a webpack video? That could be done
    1
  3574. ย @Nalopotatoย  Not sure what the problem is there... YouTube is not letting me enable the chat replay :(
    1
  3575. Possibly. My app uses a plain html/css header, but has a login button/dropdown that's a web component.
    1
  3576. WINNER!!! You are the lucky T-shirt winner this week, send me a private message with your shipping details and size :) https://youtu.be/fsVL_xrYO0w
    1
  3577. Might cover this in a future video, would def be more performant.
    1
  3578. Yes, in that case you would want import the umd bundles for your dependencies separetly. Ngx-build-plus can help.
    1
  3579. Thank you! Awesome to hear that :)
    1
  3580. Web components make the most sense when you have server rendered content imo. If you have a highly interactive app that is mostly behind a user auth wall, then the SPA approach is superior.
    1
  3581. Haha, not so sure about that :)
    1
  3582. Angular has it's own system with ng-template. Slots are a feature specific to web components https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots
    1
  3583. Yes, it provides a package called sapper that can server render content for search engines.
    1
  3584. Awesome, thanks for the feedback ๐Ÿ‘
    1
  3585. I heard about that bug, which I believe has been fixed. That code is only part of the picture, you still need to attach the the token on the frontend, potentially multiple apps. Also, callables are especially useful for serverless because you may not want that express-style middleware across a large group of functions.
    1
  3586. I would probably say MongoDB Stitch https://www.mongodb.com/cloud/stitch
    1
  3587. There is an open issue with 100+ upvotes, so I imagine they will support it soon.
    1
  3588. Thanks for sharing this fix!
    1
  3589. Nooo! I turn auto formatting off for videos, but normally I have prettier semicolons on save.
    1
  3590. atom one dark w/ vscode icons
    1
  3591. Thank you! Ubuntu 16.04
    1
  3592. It should run on windows7-64bit. https://github.com/electron-userland/electron-packager#supported-platforms
    1
  3593. https://youtu.be/PziYflu8cB8
    1
  3594. Good point, I used a dynamic DNS service for my RPi demo, but it's not ideal if deploying a serious project.
    1
  3595. Gold ๐Ÿฅ‡
    1
  3596. Silver ๐Ÿฅˆ
    1
  3597. Bronze ๐Ÿฅ‰
    1
  3598. Thank you Mr. Jobs
    1
  3599. VS Code Icons
    1
  3600. That's good to know, somebody else said that. I just might switch back :)
    1
  3601. Yes, that one can be huge when working with libraries.
    1
  3602. Not a bad start :)
    1
  3603. Nice! CBL is my fav music for programming :)
    1
  3604. Thanks Chris!
    1
  3605. Just click the check mark icon. Or setup a custom keybinding
    1
  3606. It should just come built into VScode by default
    1
  3607. Thank you Troy!
    1
  3608. Yes, well mostly. I use some prebuilt AfterEffects elements from real animation pros that make things easier.
    1
  3609. + Cameron Almost every video starts with a suggestion, so thank you!
    1
  3610. That is a great point, I have had to turn off git lens on several occasions.
    1
  3611. Lol, the second half is the better half, but it gets real hippster-y at 5:03
    1
  3612. Nice, thank you!
    1
  3613. It's not. I'm guessing you have a bad read with Wappalyzer or something. It's just a static site with some vanilla JS. React or angular would be overkill.
    1
  3614. Haha, thank you!!
    1
  3615. Thank you sir :)
    1
  3616. It's a very cool feature.
    1
  3617. Thank you Zack. WebStorm is also great, a sequel is already in the works :)
    1
  3618. Thank you!
    1
  3619. I touched on that a little bit here. They are similar in many ways, but I find flutter way more productive/intuitive https://youtu.be/7sJZi0grFR4
    1
  3620. Dart has a nice HTTP package that would make a good video ๐Ÿ‘
    1
  3621. ย @LikeAndFavBF3ย  Yes, I was quoting a sarcastic tweet that said mongo would replace postgres
    1
  3622. Thank you for catching this, it's back up. Not sure what happened with that ๐Ÿ˜•
    1
  3623. Thank you, yes Duolingo is awesome and their ui is pretty easy to clone in flutter
    1
  3624. Thank you!
    1
  3625. Yes, I will do that soon. I have a couple ngrx videos planned and an end-to-end app. So Angular Universal is 1 to 2 weeks out.
    1
  3626. No, in that case all you need is functions ;)
    1
  3627. Thank you!
    1
  3628. Using atom-one-dark for syntax. The font is the default on ubuntu/linux.
    1
  3629. Thank you. I may do some NS content in the future, but right now I'm building an Ionic course, so that's the main focus.
    1
  3630. Working on a full ionic course, so expect a lot more. Also, Ionic 4 is around the corner.
    1
  3631. Thanks for watching.
    1
  3632. Great to hear that, thank you!
    1
  3633. Cloud Vision actually has a "Safe Search" detector - so yes, it can function for that purpose.
    1
  3634. I have a few RxJS videos recorded
    1
  3635. it is slower, I talk about it in this vid https://youtu.be/x7Xzvm0iLCI
    1
  3636. That is a fair point. I was not trying to imply reduce it is superior, just wanted to use it for comparison. In general, js for loops are much faster than array methods.
    1
  3637. Thank you, really appreciate that :)
    1
  3638. My courses are approx 2 - 3 hours and broken into small segments that you follow step-by-step, so yes similar to udemy.
    1
  3639. Haha, how u ever gonna git gud if everybody tells you to gtfo?
    1
  3640. Awesome to hear that :)
    1
  3641. 1. Native apps usually need in-app purchase, but Stripe is mostly back-end code, so it could work with flutter tho. 2. Yes, app will be OSS
    1
  3642. Thank you, it's still very much focused on Angular, but this is where I officially changed the name https://youtu.be/gun8OiGtlNc
    1
  3643. Thank you! The crying babies are still there, I think my new mic filters them out better :)
    1
  3644. Wow, that's awesome. Did you make this?
    1
  3645. Thanks Ross, much appreciated!
    1
  3646. I don't have one yet, the content is support by the PRO membership at https://fireship.io/pro. Thank you!
    1
  3647. I have an entire course on this topic (and also use Stripe/Firestore on Fireship) https://fireship.io/courses/stripe-js/
    1
  3648. Bronze ๐Ÿฅ‰
    1
  3649. Oops, good call!
    1
  3650. Thank you, it's pretty cool stuff. I like to think of it as in-app payments for the web.
    1
  3651. You bet, thanks for watching :)
    1
  3652. I agree
    1
  3653. It's been on my radar, but I'm not much a C# user.
    1
  3654. Ah good call, I don't use cra very often.
    1
  3655. I'm just an average nobody https://twitter.com/Jeffdelaney23
    1
  3656. Well said. So far, we have always bounced back stronger!
    1
  3657. ๐Ÿฅ‡ Gold!
    1
  3658. gold! ๐Ÿฅ‡
    1
  3659. Yes, there are some windows dotfiles repos out there, but most examples are mac/linux.
    1
  3660. ๐Ÿฅˆsilver!
    1
  3661. ๐Ÿฅ‡ gold!
    1
  3662. I don't think it's covid-19, but my voice has been a little off the last few days...
    1
  3663. It's actually the just the dev tools built into Firefox. Just right click and choose "inspect element".
    1
  3664. ๐Ÿฅ‰ Bronze
    1
  3665. Soon...
    1
  3666. ๐ŸŽ–๏ธ participation medal
    1
  3667. ๐Ÿฅˆ Silver
    1
  3668. Premium revenue is shared with creators just like ad revenue.
    1
  3669. It will charge a read for each sort, so it depends on how often your users sort. If it is frequent, you might want to add a debounce or delay before updating the db.
    1
  3670. Yes, the $ is a convention to let you know the value is an Observable type. https://en.wikipedia.org/wiki/Hungarian_notation
    1
  3671. Try the angular CDK drag and drop lib, it came out shortly after this vid
    1
  3672. That would make a very cool topic, thanks for the suggestion :)
    1
  3673. Wow, that's great to hear
    1
  3674. +William, thank you. I have considered this topic and hope to cover it in the future. Closest related topics on the channel would be Twilio or Firebase phone auth.
    1
  3675. In that case, this might be helpful for you https://stackoverflow.com/questions/37553362/firebase-create-user-manually. Or you could use a cloud function to handle similar logic.
    1
  3676. Yes it's possible. You would need an attribute on the user doc that's only writable by admin users, then follow the same process and make the user wait until their account is approved by the admin.
    1
  3677. It depends more on the type of mobile app and the budget. True native apps are usually higher quality, but require a larger investment.
    1
  3678. Renaming does't enable tree-shaking. It's up to the module to export code in small dependency-free pieces, usually as named exports.
    1
  3679. ๐Ÿฅˆ Silver
    1
  3680. Very true!
    1
  3681. It depends on the situation. Flutter is amazing with Firebase and is the first tool I would consider these days. Ionic/Cordova is good when you don't need many native features. Nothing beats true native apps, but that requires time + $$$.
    1
  3682. Thank you Svein! Merry Christmas to you as well ๐ŸŽ„
    1
  3683. They play great together in my experience. I've found that almost anything JS can be improved by TS - with the exception of small isolated scripts where it's overkill.
    1
  3684. React takes a more declarative approach than others, so functional composition is a useful concept. With all frameworks it helps to understand how to work with native DOM apis.
    1
  3685. No, it's just a significant trend to be aware of.
    1
  3686. Early January :)
    1
  3687. Thank you Carlos :)
    1
  3688. It's usually not obvious when it's useful. Have you ever tried Google Search? It uses ML behind the scenes to aggregate signals across massive realtime data feeds to basically read your mind as you type.
    1
  3689. It's the same thing as Cloud functions aka Functions as a Service.
    1
  3690. Here we go again... Already enjoying Bitcoin mania 2019 edition.
    1
  3691. so i just created this dope website with wix... lemme show you how i did it
    1
  3692. Noted, new track. I will fix that next time.
    1
  3693. ย @srglmrย  lol
    1
  3694. lol, good point
    1
  3695. Correct, you can still build other subscriptions around it
    1
  3696. Yes, you should unsubscribe. Or an easier method is to call observable.take(1).subscribe(). This will complete the subscription after the first value is emitted.
    1
  3697. Thanks! That's why I updated the original - it's a super important topic.
    1
  3698. It's up to you. I prefer model, but it doesn't matter.
    1
  3699. You need to subscribe to the observable, then provide a callback, like this: auth.user.subscribe(console.log)
    1
  3700. This will only work in Ionic for the web. Native platforms will need to use the google sign in cordova plugin.
    1
  3701. Thanks for the feedback. They are linked in the main lesson page, it's time consuming to duplicate everything on YT.
    1
  3702. That bird will be landing soon.
    1
  3703. Haha! You have no idea how many clips I have to re-record due to crying babies. If you listen closely you should hear one in every video.
    1
  3704. Gold ๐Ÿฅ‡
    1
  3705. That would be cool. I contribute to RxFire and know the library very well. Vue has VueFire, but RxFire would probably be the best bet for react if starting today.
    1
  3706. Thanks for the suggestion, I will consider that. Any specific Angular or Firebase topics you would like to see on the channel?
    1
  3707. Most of the features mentioned are part of "baseline" and recommended by all browsers
    1
  3708. Great to hear that!
    1
  3709. Exactly
    1
  3710. I would recommend using multiple components for most things, but sometimes shared utility styles work better as CSS classes with apply.
    1
  3711. Ah, I based it off JetBrain's current HQ, but knew the name was inspired by a Russian island.
    1
  3712. ๐Ÿฅ‰ Bronze
    1
  3713. ๐ŸŽ–๏ธ participation medal
    1
  3714. ๐Ÿฅˆ Silver
    1
  3715. ๐Ÿฅˆ Silver
    1
  3716. ๐Ÿฅ‰ Bronze
    1
  3717. ๐Ÿฅ‡ Gold!
    1
  3718. Both crossed my mind, but too early to tell if they'll gain much traction outside the twitter bubble.
    1
  3719. ๐Ÿฅˆ Silver
    1
  3720. ๐Ÿฅ‰ Bronze
    1
  3721. ๐Ÿฅˆ Silver
    1
  3722. Well I've got a 100 seconds of React video planned for tomorrow, so stay tuned...
    1
  3723. We should see this null aware operator in future JS, similar to Dart https://github.com/tc39/proposal-nullish-coalescing
    1
  3724. Silver ๐Ÿฅˆ
    1
  3725. I've got a video planned for this Friday that will explain in detail, but my basic VS code info is in the description.
    1
  3726. Silver ๐Ÿฅˆ
    1
  3727. Good ideas for the next video :)
    1
  3728. WINNER - You were lucky comment #34 which means you win the T-Shirt :) Send me a private message with your address and size to redeem
    1
  3729. Nice, that's a great use case for FCM
    1
  3730. Apple doesn't want PWAs to replace iOS apps, so not exactly in a hurry to implement this stuff in Safari
    1
  3731. This one is special. Only going to print one.
    1
  3732. Thank you :) But it's not up to me... Only the the swag gods can pick a winner
    1
  3733. I misread your original comment. You're right, offline is persistence is only on Firestore.
    1
  3734. Yes, both rtdb and firestore have the same realtime behavior
    1
  3735. Worldwide :)
    1
  3736. Awesome, thanks for confirming. Correct, the animation query code will not run until the ngIf evaluates to true.
    1
  3737. This project is not inlcuded, but the repos are found here https://github.com/AngularFirebase
    1
  3738. I've toned down the music in recent videos. Thanks for the feedback :)
    1
  3739. Thanks for the feedback! Let me know if there's any other topics you want to see.
    1
  3740. Silver ๐Ÿฅˆ
    1
  3741. Bronze ๐Ÿฅ‰
    1
  3742. I'll take that as a compliment ;)
    1
  3743. Great to hear that Manuel! Thank you :)
    1
  3744. I believe is referring to "official support", which is true. You can use crashlytics with a plugin to give ionic access to native features, something like this https://ionicframework.com/docs/native/crashlytics/
    1
  3745. Is that in the docs somewhere? Can you show me what you mean...
    1
  3746. You need to use a native cordova plugin for analytics, so it is possible to get fully native analytics in Ionic.
    1
  3747. Hmm, send me a screenshot on slack. I should have a workaround to get you access.
    1
  3748. I love hearing that :) Thanks Eliya!
    1
  3749. It looks like it will be a whatsapp clone + file uploads
    1
  3750. ๐Ÿฅ‰ Bronze
    1
  3751. ๐Ÿฅˆ Silver
    1
  3752. ๐Ÿฅ‰ Bronze
    1
  3753. It is an existing course, just bumped to next v12
    1
  3754. I was adding a new file there by clicking the "new file" icon directly above it
    1
  3755. ๐Ÿฅˆ Silver!
    1
  3756. Gold ๐Ÿฅ‡
    1
  3757. That is a very well done port of Geofire and could be a good choice depending on your needs. In our case, we had big collections that needed to be limited by a query first and also needed multiple geopoints on a document, as well as some other specialized internal stuff.
    1
  3758. It's not a fully featured geospatial db, but does provide a basic pathway for features like this. What is ideal for GIS web development?
    1
  3759. Thank you, it's a fun area
    1
  3760. Nice! Message me on slack if you need support with it :)
    1
  3761. I went down a rabbit hole with geohashes recently. You can also use them to build AR features, like Pokemon GO.
    1
  3762. Algolia geo search is excellent. If you already have your data indexed there I would definitely consider that the best option.
    1
  3763. Thanks! I use adobe aftereffects with the help of some pre-built animation elements
    1
  3764. I've worked with Mongo's GeoSpatial stuff in the past and this was loosely inspired by it. Firestore has hinted at native geolocation support, so hoping that lands as a feature in the future.
    1
  3765. It actually does a little of both. It calculates the minimum geohash squares guaranteed to cover the radius and filters those server side. This can return extra results that are then filtered client-side, but that depends on the size of the radius and distribution of points.
    1
  3766. Awesome :) Let me know if there's a feature you want to see, my goal is to make realtime maps as easy as possible.
    1
  3767. Thanks for watching Mohammad :)
    1
  3768. The CDK is great, I will definitely cover more topics like a stepper in the future.
    1
  3769. It depends on what you need the website to do. If it's just displaying information, then Angular is overkill. You'd probably want to use a CMS like Wordpress with a premade template. Angular would be more suitable if you needed a highly customized ordering process that a template cannot handle.
    1
  3770. Thanks, glad you liked it :)
    1
  3771. Not true, the app IS approved just like that with a review done yesterday. Maybe this is a rule Apple changed recently? https://developer.apple.com/app-store/review/guidelines/#sign-in-with-apple
    1
  3772. well played
    1
  3773. Bronze ๐Ÿฅ‰
    1
  3774. ๐Ÿฅ‡ Dold!
    1
  3775. It doesn't have exceptions that interrupt control control flow. Errors are just values.
    1
  3776. :focus-within is also useful for replacing JS on dropdowns and accordions.
    1
  3777. Thank you Benson :)
    1
  3778. Yes, I want to do more elements stuff, but will see more of that next year when Ivy is ready to reduce bundle sizes
    1
  3779. I agree, popup dialogs are annoying. Can you send me more details on Slack?
    1
  3780. Last I heard it's banned in the US ;)
    1
  3781. Bronze ๐Ÿฅ‰
    1
  3782. I hear you, but that's just my style. I recommend slowing down the speed and following with the written article.
    1
  3783. Let's chat on Slack if you're interested in talking code :)
    1
  3784. After authenticating it allows restricted content to be accessed with limits or locks.
    1
  3785. Yes, you can find the link to manage your tinypass account at https://angularfirebase.com/dashboard - sorry, it's a weird setup currently
    1
  3786. The query methods are a big improvement + it gives you the flexibility for shallow queries when nesting. Thanks for the feedback :)
    1
  3787. +Mateja Thank you :)
    1
  3788. I don't know, but I hope to see geo query support soon. You can expect a video as soon as it becomes available.
    1
  3789. +Alvin Will do, thank you!
    1
  3790. The subcollections?
    1
  3791. Thank you! What do you use Firestore with?
    1
  3792. Yes, I have a shopping cart structure planned for a pro video in a few days on angularfirebase.com
    1
  3793. + Daniel I'm very glad to hear that, thanks for sharing your feedback :)
    1
  3794. haha, tbh I didn't think 1M was possible even at 100k
    1
  3795. ๐Ÿฅˆ Silver
    1
  3796. ๐Ÿฅ‰ Bronze
    1
  3797. I almost mentioned bracket pair colorizer, but talked about it in a recent video,
    1
  3798. SQL tools as seen here https://youtu.be/Cz3WcZLRaWc
    1
  3799. Thank you! For analytics you need to upgrade to firebase v7 or greater on the web.
    1
  3800. You're not the first person to say that
    1
  3801. That PR is looking good, it'll make things even easier for Angular users.
    1
  3802. Thanks man!
    1
  3803. ๐Ÿฅˆ Silver
    1
  3804. ๐Ÿฅˆ Silver
    1
  3805. ๐Ÿฅ‡ Gold!
    1
  3806. Thanks! Yeah, I try to prioritize good suggestions
    1
  3807. Thanks, but IDK... YouTube does not love short videos
    1
  3808. I'm good with Python, but this channel is mostly JS. Might try to fit some in in the future.
    1
  3809. Expect that after Angular 8 in late spring
    1
  3810. ๐Ÿฅ‡ Gold!
    1
  3811. Thank you!
    1
  3812. +Gabriel thank you for posting this. There are not a ton of first-hand opinions about redux-style libraries out on the internet - you're absolutely right about tradeoffs and it's not something you need in most apps.
    1
  3813. Thanks for watching!
    1
  3814. Thank you Patrick :)
    1
  3815. Glad you liked it :) It's a fun pattern to play with when you combine RxJS and Lodash
    1
  3816. ๐Ÿฅˆ Silver
    1
  3817. Thank you!
    1
  3818. Thanks! Not exactly, cloud scheduler came out a few months ago, but this function trigger is new.
    1
  3819. Thank you, these cron functions are really useful :)
    1
  3820. WINNER! Congrats, you have been selected by the swag gods to receive the T-shirt. Direct message me with your address and size.
    1
  3821. Yes. I made a chat demo a few months ago. The realtime SDKs in Firebase make chat features relatively simple.
    1
  3822. ๐Ÿฅˆ Silver
    1
  3823. ๐Ÿฅ‡ Gold!
    1
  3824. ๐Ÿฅ‰ Bronze
    1
  3825. Participation medal ๐ŸŽ–๏ธ
    1
  3826. The bundle size is big, but it can be deferred if you have have a prerendered or server rendered site.
    1
  3827. And that's also how you got a cameo in the video "henry s" is you at 0:25
    1
  3828. Yes. If you are a member you will be hooked up as painlessly as possible.
    1
  3829. I am honored. Thank you, I hope I can deliver something useful
    1
  3830. Do it!
    1
  3831. Yes, I have bunch of half finished flutter tutorials that will fit right into fireship
    1
  3832. Thank you for the feedback. Another thing on the roadmap is translation, so hopefully that can help in the future.
    1
  3833. Happy birthday ๐Ÿฐ
    1
  3834. Discord is a great product. This community is already established on Slack, so it would be too much friction to migrate now.
    1
  3835. Um can you message me on slack, it's easy to miss things here
    1
  3836. It's pretty easy with CSS variables https://www.youtube.com/watch?v=RVh6nngPuNw
    1
  3837. Gold ๐Ÿฅ‡
    1
  3838. The for loop is always faster. https://youtu.be/x7Xzvm0iLCI
    1
  3839. ๐Ÿฅ‰ Bronze
    1
  3840. ๐Ÿฅ‡ Gold!
    1
  3841. Docker Build Cloud is a way to build Docker images faster. Try it free here: https://dockr.ly/4gx7mXa
    1
  3842. The 'docker volume inspect' command will tell you where the files live. It's on your disk, but should only be modified by docker. On the cloud you can share a persistent disk across multiple containers.
    1
  3843. I'd like to create a full CS 101 course in the future, but no timeline yet.
    1
  3844. Good question, k^n makes sense, but it's usually simplified as 2^n. An example is a recursive Fibonacci function, which we'll build int the next CS video ;)
    1
  3845. That is a great idea. Would make an excellent demo :)
    1
  3846. Thank you Firas!
    1
  3847. Haha, why's that?
    1
  3848. Nice!
    1
  3849. Thank you!
    1
  3850. Will do, I'm a big fan of data science competitions on Kaggle, so I have a lot of Python code to share
    1
  3851. WINNER! You were randomly selected on the livestream to win the shirt. Congrats ๐ŸŽ‰ DM me with your address and size https://www.youtube.com/watch?v=d6V-nGaNbhw
    1
  3852. Much easier, how so?
    1
  3853. Haha ๐ŸŽค
    1
  3854. No I hear you, it was really hard to include an ML example that works. I'll do a future video on ML basics.
    1
  3855. Haha, noted for next tine
    1
  3856. Fair enough :(
    1
  3857. Thank you!
    1
  3858. You'd want to use queries in Firestore to limit the data payload serverside.
    1
  3859. Yes, rxjs has some operators to help with this. I will put together a snippet for the website.
    1
  3860. I agree!
    1
  3861. Already added a new section ๐Ÿ˜
    1
  3862. The state resets. There are different strategies out there to rehydrate on full page loads https://github.com/ngrx/platform/issues/856
    1
  3863. NgRx just requires a lot of code, however, we can now start using schematics so I can slow down a little bit :)
    1
  3864. It's mostly useful for large apps with complex state management needs
    1
  3865. ย @schlaus_kwabย  I hear you, this video was especially too fast and redux is not a great fit for that style.
    1
  3866. I recommend slowing the video speed and reference the full article. The videos are not designed to be followed in realtime & ngrx is especially complex.
    1
  3867. Are you trying to show the entire object in html? If so use the json pipe {{ obj | json }}
    1
  3868. Thank you! You're better off buying a pro membership and getting the book for free https://angularfirebase.com/pro/
    1
  3869. You've done some .NET work right? What do you think about Blazor?
    1
  3870. For sure, that goes hand-in-hand with static site generators, gatsby, vuepress, etc.
    1
  3871. https://giphy.com/gifs/iOm1xOSfAtPzmPXJqH
    1
  3872. Not a C# expert, but that sounds about right.
    1
  3873. It's been in the works for years, glad it's finally staring to ship.
    1
  3874. Good call!
    1
  3875. Zeit and netlify are both good options outside the big public clouds.
    1
  3876. It most definitely does... Are you missing an order? If so, message me privately (slack/email)
    1
  3877. Thanks Abduallah :)
    1
  3878. I have not figured out how to appease the YouTube algorithm gods ยฏ\_(ใƒ„)_/ยฏ
    1
  3879. Good call. Code x**2, not Math.pow
    1
  3880. Lol https://getyarn.io/yarn-clip/39040961-1a48-45f6-baad-369a636a4b85
    1
  3881. Yes, I will likely have something similar on fireship.io as a full course in the future.
    1
  3882. Not exactly, but you can implement conditional logic in different ways depending on what you need to happen. For example, `filter` is like saying "if condition, then emit value"
    1
  3883. Thanks! RxJS is definitely one of the more challenging JS libraries to learn.
    1
  3884. Yes, sometime after verson 8 is released.
    1
  3885. Haha, and my original goal was to fit everything into 10 minutes
    1
  3886. Haha!
    1
  3887. I wear a cape to the office sometimes ๐Ÿฆธ
    1
  3888. Good to hear from you Mateja. Yes, the joys of JavaScript bundling.
    1
  3889. Thank you Ben!
    1
  3890. My plan is for a react/stripe video very soon :)
    1
  3891. How so?
    1
  3892. Thank you Bruno :)
    1
  3893. Personally, I would still go with TypeScript. I feel most confident using TS/JS for anything intended for the web.
    1
  3894. Just barely missed the cut, I'm building my next website with Flash ๐Ÿคฃ
    1
  3895. Are you doing ML? I have a little bit of experience with Lua, it's kinda similar to Ruby syntactically.
    1
  3896. I did include C#, it's a great language. If I had more than 90 seconds i could have said more about it.
    1
  3897. Silver ๐Ÿฅˆ
    1
  3898. Silver ๐Ÿฅˆ
    1
  3899. ๐Ÿฅ‡ Gold!
    1
  3900. ๐Ÿฅˆ Silver
    1
  3901. https://audiojungle.net/item/in-technology/24827837
    1
  3902. It depends on the device. It's slow on my pixel, but fast on desktop with GPU. The best way to improve perf is to load less data, or load it in chunks.
    1
  3903. Do you want to join our slack team so we can talk code more easily https://join.slack.com/t/angularfirebase/shared_invite/MjA2NTgxMTI0MTk2LTE0OTg4NTQ4MDAtMjhhZDIzMjc0Mg
    1
  3904. You can just call getMovies() during ngOnInit, but remove the start and end options in the query. That will give you an initial observable of results to populate.
    1
  3905. Second ๐Ÿฅˆ
    1
  3906. Yes, the most catchy PSA ever from Vietnam https://youtu.be/BtulL3oArQw
    1
  3907. Welcome to the channel Febiyan ๐Ÿฐ
    1
  3908. Most lessons have dedicated repos that you can find here (follow me on GH to get early previews of the next video) https://github.com/AngularFirebase
    1
  3909. + Kelber Thank you! Let's talk about it on Slack - feel free to direct message me there. Here's the invite link: https://join.slack.com/t/angularfirebase/shared_invite/enQtMjA2NTgxMTI0MTk2LTk2NzJmMDNiMDUzYjk1NDRhMDBlZTQxZGNmMWUxMDFjOWI2Yjc4ZmY1ZTNjZjVhMjU5MGQ1ZDdhMTA5NGIyOTU
    1
  3910. I actually cover auth triggers in my Stripe Subscription video, but I disagree for this example. I would rather be able to catch and handle errors from firestore on the fronted. It depends on how your auth system works, but I don't see any significant performance or security gains here.
    1
  3911. +Ruben Thank you!
    1
  3912. Updated Jan 2019 ๐Ÿ‘‰ https://youtu.be/qP5zw7fjQgo
    1
  3913. Using material? It's probably related to this issue: https://github.com/angular/material2/issues/8229
    1
  3914. Are you in our slack team, that's the best place to get help? The routes are exactly the same as the firestarter repo here https://github.com/codediodeio/angular-firestarter
    1
  3915. +Benson Thank you!
    1
  3916. ๐Ÿฅˆ Silver
    1
  3917. Google specifically mentions Spectre as a reason for corb, but you are right, there a several reasons behind it https://www.chromium.org/Home/chromium-security/corb-for-developers
    1
  3918. It's not mandatory. You can see the full list of pro benefits here: https://angularfirebase.com/pro
    1
  3919. That lib could use some love, you might look into some of the options with Firestore https://youtu.be/lO1S-FAcZU8
    1
  3920. Check out this link, I have a method for seeding the database that was not covered in the video: https://angularfirebase.com/lessons/geofire-location-queries-with-google-maps/#Seeding-the-Database
    1
  3921. I just used the geofire set function and added a few random coordinates. The database seed code can be found at the full lesson link.
    1
  3922. +Badren Thank you for suggesting it!
    1
  3923. +kilted You're in our slack team right? Can you PM me there and I will let you know what I think: https://join.slack.com/t/angularfirebase/shared_invite/MjA2NTgxMTI0MTk2LTE0OTg4NTQ4MDAtMjhhZDIzMjc0Mg
    1
  3924. Thank you Rage :)
    1
  3925. Denouncing the event would be a good idea. This is more of a bare minimum example.
    1
  3926. ย @rusithgayashan3927ย  I believe that is the intended behavior. Instantsearch caches the results so it's not making a full round trip to the server on each stroke. If it's fast, everything is OK.
    1
  3927. On the svelte example it would be a good idea to debounce, but the Angular instantsearch example it should already be perf optimized.
    1
  3928. The process is the same. Ionic generates some default graphics with a new project.
    1
  3929. Everything is non-linear, so it's just a matter of choosing an topic you're interested in. I pack a lot of info into each video.
    1
  3930. Thank you :)
    1
  3931. Will do! Thank you.
    1
  3932. Check the resources folder. Are the images still the ionic defaults? If so, regenerate your custom graphics.
    1
  3933. Just Android Studio and Xcode - the basics. But I really like GenyMotion if you're serious about android development.
    1
  3934. Thank you! I get all my ideas from the community - really grateful for the feedback and support.
    1
  3935. I've thought about putting videos up on my personal channel that don't fit for AngularFirebase - monads would be a great topic.
    1
  3936. Thank you Ruben :)
    1
  3937. That course is in early preview here: https://projects.angularfirebase.com/p/ionic-native-with-firebase
    1
  3938. Are you on the Slack Channel? Shoot me a message there
    1
  3939. Carlton Gordon thank you! You should win a prize :)
    1
  3940. Same here, good news is that linux should be available soon :)
    1
  3941. Vue UI is also awesome and Vue itself is great for getting started quickly. Angular scales better for complex apps in my experience, but both frameworks are great in their own ways.
    1
  3942. For sure! Thanks for watching as always :)
    1
  3943. That's my goal :) Thank you
    1
  3944. FallDownTS that is a good point and I agree with you. A GitHub issue should probably be opened on this
    1
  3945. Gold ๐Ÿฅ‡
    1
  3946. ๐Ÿฅ‡ Gold!
    1
  3947. ย @darshangowda309ย  Oh duh. Just pinned a solution that was posted in the comments.
    1
  3948. ย @darshangowda309ย  What are you referring to "-list doesn't work"? Flutter's ListView widget?
    1
  3949. ๐Ÿฅ‡ gold!
    1
  3950. That's the next video, stay tuned.
    1
  3951. I totally get that, the web is still my main passion and focus - that will never change for many of the reasons you mentioned. Flutter just offers some advantages for native dev that web tech can't really match. I have a longer vid planned next week that will cover the tradeoffs in more detail.
    1
  3952. Like Google Maps? I believe there is a gmaps plugin in developer preview currently.
    1
  3953. Awesome, thank you for watching ๐Ÿ’ฏ
    1
  3954. ๐Ÿฅˆ Silver
    1
  3955. ๐Ÿฅ‰ Bronze
    1
  3956. Bronze ๐Ÿฅ‰
    1
  3957. glad to hear that :)
    1
  3958. https://audiojungle.net/item/ambient-background/12324077 and of course https://youtu.be/cVsQLlk-T0s
    1
  3959. That is an interesting idea, there is definitely room for improvement in this demo :)
    1
  3960. Are you using Vue now? I built fireship.io with Angular/Firebase, so not leaving that stack anytime soon :)
    1
  3961. Haha, I try to save those for the "code this, not that" series ๐Ÿ’ฉ
    1
  3962. That could be cool, but it is pretty specialized. I am working on a cookbook of SSR solutions, so it would be a good fit there: https://fireship.io/snippets/angular-universal-ssr-cookbook/
    1
  3963. Not much has changed with the Firebase SDK, but there is a big difference in the way AngularFire works versus the first video.
    1
  3964. Firebase has a generous free tier, so you can def keep it free until you have a significant user base.
    1
  3965. ย @hiteshchoudhary3412ย  The full app is probably 1 to 2 months away. It's a quiz-style app that will compliment certain lessons.
    1
  3966. Next video will be more flutter :)
    1
  3967. Yes, if you have a RESTful api you need something like socket.io to communicate between client/server. I would not consider that a bad practice.
    1
  3968. Yes. Source code is avail from the main lesson link.
    1
  3969. Haha, that was my goal :)
    1
  3970. Thank you, much appreciated!
    1