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