An open source app we can all learn from

[@BenoitStPierre]

You 100% need to make the video about how mobile is fundamentally different than web in aspects such as routing so that I can send that video to people...

[@buildwithharshit]

fr

[@Q-Productions23]

I feel you bro. It’s such a pain 😢😢

[@the-old-channel]

100% agree

[@yonihod199]

Yep, would love that as well

[@RohitPatil_Tech]

Finally someone said that! 🎉

[@Daygelo]

As a web developer interested in mobile dev, I would definitely watch a video covering the fundamental differences between web and mobile interfaces.

[@Autreiyas]

Wow, I’ve been working on a react native app for a few months now. the web version has been difficult. I’m gonna have to look deeper into this project.

[@marked75]

are you also using react native? I would remake the basic components like view to be divs, sections.... when on web, that helps. then something like native wind for the css. expo router solves all the routing

[@Autreiyas]

@marked75 yes and I’m doing all of that right now but without expo and using custom css to match the RN UI. is using react native web gonna require the same amount of work?

[@marked75]

@@Autreiyas I'm not sure if I understood you right. Basically what I was saying is that the exact same code you use for mobile it is also for web, and it works. A little trick is instead of importing a component like text from react native you would make a costume component that is platform specific, it is a text when used on mobile and a p on web, and you would do the same for all. this gets better accessibility and SEO, because we can build static with expo, other than that we can go with the plain components. Take a look on expo, react native without expo requires a lot of config work, and I think that there is no advantage to not use expo right now

[@Tanner-cz4bd]

Gluestack UI bro

[@YasinAkimura]

@@Autreiyasno but seo is slightly worse toolings like expo help alot though and you can also use css modules now atleast they were stating that. You also get static routing with expo router so thats a seo plus too. Right now you can't really server render safely but it's coming soon for production. I'd wait before trying out expo now the newest SDK update and its deps are quite buggy still 😂 previous one was perfect though

[@nathanJohn7878]

AT stands originally for authenticated transfer - cause all the data is signed by the PDS of the owner to assert authenticity. The atmosphere is a cool branding thing (and the @ symbol as is with it as well)

[@kiwi2035]

AT is a backronym, they make the name and worked backwards to justify it still cool tho :p

[@itemushmush]

dorsey and co. come up with some great terms like the hashtag

[@dealloc]

@@itemushmush They did, in fact not come up with the hashtag. Stowe Boyd published a blog post with the first known use of the term "hash tag" in context of Twitter, based on Chris Messina's proposal to use the "pound" symbol for grouping.

[@h7hj59fh3f]

The real ones know that Bluesky began with Mike Masnick's "Protocols, Not Platforms: A Technological Approach to Free Speech" essay. 🤓😎

[@grimm_gen]

Bluesky is an Expo React Native success story🔥

[@anshnanda]

The “cache layer” you are describing at 26:42 is not in the app. That layer is another service that anyone can host, but it’s essentially a cloud service cache called the “App View” (bad name, I know)

[@Stuki16]

Very cool dive-in! Honestly was ready to jump off half way through but then you got me to hang a bit more and I DEFINITELY DON'T REGRET IT! RATHER LEARNED SOMETHING AWESOME! Thanks Theo

[@michaelfrieze]

AT Protocol is so cool. I love seeing new innovation like this and can't wait to play around with it. bsky is interesting as well. The custom feed is especially nice to use. I just wish it had a bookmark feature. The pin emoji is good enough for now.

[@autohmae]

My guess is this would have made Aaron Swartz pretty happy. I'm certain it's not perfect, but could be a game changer.

[@DarenC]

I'm a JavaScript eschewer, but I have to admit this app and Expo look pretty interesting. The AT protocol too feels like something to play with

[@ranguy1379]

bro, I had to subscribe to you. In the middle of the video I wanted to go and play video games, but at the same time I couldn't stop listening. And all I could think was, "wait, this is exactly what I need"

[@bntheyoutube]

Routing architechture and fundamentals for mobile vs web would be great. The overall design for mobile nav would be awesome.

[@TopHatProductions115]

Could you do a comparison of AT Protocol with ActivityPub?

[@gabboman92]

as someone who has done stuff with both, very different! also knowing ap fucks with your brain compared with atproto.

[@husanaaulia4717]

vs nostr

[@gabboman92]

@ I have heard stuff about nostr regarding people, but the protocol itself is quite easy to do

[@husanaaulia4717]

@@gabboman92 they also went to different route, when the client choose which server they will talking to

[@mtarek2005]

yeah

[@abuhurairah127]

You 100% need to make the video about how mobile is fundamentally different than web in aspects such as routing so that I can send that video to people... I would request you if you can compare it not only to the web but also to the native mobile technologies.

[@BryndilleYT]

Really informative and interesting video, thanks a lot for making it. A note on useQuery wrappers (around 18:00) : The recommended way is actually to return a queryOptions() return data, containing all the queryKey, queryFn for a useQuery. That way, you can call useQuery, prefectQuery, etc, with the same options for a given query. That's actually how tRPC are going to rewrite their tanstack react query integration, by simplifying the actual tRPC layer.

[@OG24Chat]

Super cool tech stack... and I agree, rss + blog time was so much better than current closed garden social media plats...

[@kisaragi-hiu]

I want to see if I can turn my blog into an atproto feed. Perhaps it's possible to basically turn a static blog into a PDS that provides summary feeds viewable within Bluesky…

[@readywhen]

As a beginner, Expo router was confusing as f*ck so I copied over the entire Bluesky router and most of the app structure. It's taught me a thing or two about react native!

[@grimm_gen]

Expo router is basicly next js app router

[@readywhen]

@grimm_gen Yeah but only on the surface unfortunately. Try to get some stuff to work with different nested layouts, page transitions, navigation history... It's a mess. Bluesky uses expo but with a custom routing setup. It's much better but obviously anything custom comes with its downsides too...

[@garlicnator]

Great video, thank you! It's interesting to see react dom applications go to react native.

[@MonteLogic]

Tired of the sickening people on Twitter, shoutout to BlueSky.

[@griffinarcher2911]

BlueSky is just as bad, if not worse. I got banned for asking what people think about the SpaceX booster catch. Just wanted to talk about rockets, but all the responses were insults towards me or Elon Musk (and I didn't even mention Elon). Never received so many messages telling me to, "keep myself safe", if you understand.

[@MonteLogic]

@@griffinarcher2911 Twitter is allowing Neo-Naz*s content, they should be totally ashamed of themselves

[@SirFlukealot]

I can now reference 0:40 in my resume as evidence of me being a Senior + developer as I am subscribed to Theo

[@rasmic]

Need both videos ASAP!!!

[@mharley3791]

Idk why many of the comments are bringing up politics when this video solely focuses on the interesting tech.

[@FunctionallyLiteratePerson]

Because Twitter users have been malding that people left and have been bringing it up every time bsky is mentioned. Many of them have even been going to bsky to complain about people going to bsky

[@Dan_1348]

It will be a shame if Bluesky fails because of politics 😔

[@fahadahaf]

a lot of them are bots scanning for any video from any popular youtuber that mentions the keyword "bluesky"

[@TheNewton]

The tech is flourishing due politics of a specific type causing adoption, that's why. This is like asking why a video on medicine keeps bringing up safety when a new hospital is built to replace one built with asbestos 🤦‍♀.

[@ricseeds4835]

This is so cool. Imagine if all social media was built on open/accessible protocols like this. Matter of fact, let's get started on Zuck's platforms

[@Kynatosh]

How do you have a github that looks so good (colors, icons)? Is that an extension?

[@viisharpeleven]

Looks like a combo of color blind color theme and some extensions (material icons, refined github)

[@StefanHayden]

you should check out Christine Lemmer-Webber break down of the Bluesky AT protocol. Best technical break down I've ever read!

[@ivanlaplante]

Looked for it but couldn't find which specific video you're talking about. Ended up looking a 15m video on preparing your own dried food though lol.

[@TheNewton]

@@ivanlaplante It's an article, should be "How decentralized is Bluesky really?" _it's not very decentralized_

[@aftertwentea]

[4:15] -- what is Theo using here for the graphs?

[@l9cgv]

excalidraw

[@A.Dalton]

Excalidraw

[@mchisolm0]

Definitely would watch a longer video on the differences between web and mobile. I am self taught, learning React Native mainly and would love to better understand context.

[@thisaintmyrealname1]

yes we want that video comparing web vs mobile fundamental differences from your point of view!

[@ikkue]

It's kind of reassuring to see that there are people who instinctively write it as "BlueSky" instead of the official "Bluesky" just out of pure familiarity with how products and companies are named

[@ljreinworth]

20:40 Actually, the AT in AT Protocol (atproto) stands for "Advanced Transfer" - Advanced Transfer Protocol. Unless I'm remembering wrong. Which could be the case.

[@RexGalilae]

I'm not fully sure I get this: You own the data you produced - likes, comments, posts, etc. So you're responsible for hosting all that data? Then this cache layer that maps all the likes to a post. Who owns that? If I'm building a client for bluesky, how will I get access to all that mapping on posts that were created before my app? I'm so confused

[@A.Dalton]

+1

[@pkop4]

It doesn't make any sense. Decentralized platforms are complicated and inefficient, centralized platforms have full control. Sounds like Bluesky trying to pretend it's some combo of both.

[@edwardallenthree]

I too would like a primer on the at protocol.

[@dminik9196]

Your user data is stored in what's called a PDS. It's like a git repo/database of all of the stuff you've said or posted on the atproto network (which Bluesky is part of). This can be hosted by anyone but is mostly hosted by Bluesky the company. There are however people hosting their own and the code for this is open-source. Above that you have the Relays. These communicate with the PDSs they know about and create a firehose (a stream of all new content on the network). This is the more expensive part. The only big one running is Bluesky, but some people are experimenting with running this themselves. This is open sourced as bigsky. Above that you have the apps themselves. Bluesky is obviously running the Bluesky app (which is open-source too), but other people are running stuff like whitewind for blogging. This consumes the events from the firehose and builds a regular DB and API (and whatever other stuff you need) using that data. Note that Bluesky the app supports multiple feeds so there's probably a database here for each one of them as well, but that's not necessary. The Bluesky app (which is open source too) then simply queries the Bluesky backend and the various feeds for posts and other data. The app is open source too. The only thing that's not open source (as far as I can tell) are the various Bluesky specific feeds, like the algorithmic one. The other centralized aspect is the did:plc identifier directory which is currently managed by Bluesky with future plans to move to an independent org. This is how Relays know about PDSs so it's still quite centralized in this aspect as Bluesky could ban your PDS, but they've been pretty honest about stuff so far.

[@FelineJAM]

You can choose to host that data (that's a PDS), people who consume APIs have an incentive to host their own cache layers (they're not *prohibitively* expensive to run, but it's certainly not expected for end users to run their own) and perhaps provide access to them as a service externally, and then different apps on the protocol can consume streams from those caches to make their appviews - Bluesky is one such appview.

[@unbelievebleee]

It would be nice to see a video about differences between mastodon and blue sky.

[@zwanz0r]

Thanks for not making this political

[@shashwat-dixit]

I watched this live on twitch but this particular video had so much info, I am watching it again here. And, please do make that video about the fundamental differences between mobile and web and maybe even a video on React vs React Native for web.

[@dealloc]

We based our text field on their text composer component. But we had to heavily modify it to fit our needs and ended up with a different architecture but kept two core parts; Autocompletion and Text elements for attributed strings to format special text blocks (natively supported by React Native). It's a nice piece to learn from, but I wouldn't take _everything_ they do at face value. Keep in mind that the code base is built on top of a quick prototype. Not that the code is terrible, there are golden nuggets in there, but I would personally reconsider some things architectural wise based on my experience with RN and performance profiling. I do like their "ALF" styling framework, which is sort of like Tailwind, but with atomic styles, though. Esp. when you end up multiple times including inline styles for tiny tweaks (looking at you 'flex: 1') you'll find value in that.

[@MrMysticphantom]

Is it weird that i find that much of this architecture especially on the likes handling and pathing reminds how ERPs and Relational Ticketing systems (like ServiceNow) are built. Sure the infra is WAY different, but the ideas i feel are the same, good ticketing systems and ERP design tend to have records in one place and their interactions (including comments/notes/likes/approvals) in another if not multiple dedicated places, allowing it all to be performant

[@boenrobot]

The AT protocol sounds an awful lot like RDF... Except that there's an end user app ready on launch day.

[@sidward]

how does the at protocol compare to the fediverse?

[@24wherath36]

The fediverse is a concept, and 'ATproto' is an implementation, just like the currently dominant implementation 'ActivityPub'. Both are entirely federated and open. ATproto IS decentralised, but **arguably** less so than ActivityPub because of ATproto's concept of 'relays'. Relays aggregate data from 'Personal Data Servers' (PDS) to more centralised streams of data. Theo showed a visualisation of the main one called 'the firehose' in the video. The relays are only an optimization to reduce traffic and are completely optional, so I only see it as an advantage for ATproto. Other than that PDSs can not talk to each other, and must talk **through** an 'AppView'. Which just means some kind of service, the biggest being Bluesky. This is also an argument against ATprotos decentralisation, but anyone could host an AppView, so is it really a problem? Anyone could even host a Bluesky AppView. I do not know that much about ActivityPub, but with how Mastodon servers are implemented I think of them as combining the idea of PDS and Appview into one program, but you can still use other 'apps' on the fediverse by contacting other instances and having your instance verify your identity to create the account on their instance. I do not know if your data is only stored on your instance or if it's stored on all instances where you have an account through ActivityPub, but on ATproto ALL your data is stored primarily on your PDS and possibly cached on a relay for performance reasons. I know that **almost** all data on ATproto is public, I do not think that's the case for ActivityPub, so ActivityPub might be better for more private; non-social media usage.

[@Dank]

as someone named Dom you really held my attention with this one

[@SomeEmptyBox]

what is the program he's using to draw and all these things ?

[@griffinarcher2911]

I think he's using excalidraw

[@GavinGoGaming]

What github addon/ext is this? I'm loving those folder icons

[@calmsimon]

14:21 lol does that mean that anyone you show as a sponsor isn't someone you actually genuinely like? anyway, good video lol

[@ezragach]

This is how you sound when you understand the sht you're doing.

[@michaelkrebs7678]

What program is used for the view in 18:40?

[@esmailelbob]

A complicated nostr protocol?

[@MartinJosefssonFI]

I have always seen similarities in navigation on mobile and navigation in MS-DOS - a lot of "going in and going out". That is one of the reasons why I don't use a smartphone in my daily life. I was happy to leave MS-DOS behind me and I'm not going back to a navigation system that feels like one of those old text based computer games where you had to peek into a lot of rooms and find out what to do. And the screen of a smartphone is too small for my eyes, too. Sorry for being so negative, but I WILL go mobile when I find good reasons enough for doing so. I have thought about creating a simple app that would send my bird observations to a Google Sheets document, when I'm out in the field.

[@BrianAdams-n2n]

Great analysis, thank you! I have a quick question: My OKX wallet holds some USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). How should I go about transferring them to Binance?

[@Ali-Aljufairi]

Does anyone knows how theo folders in github look nicer 11:40

[@harshitpant07]

its a extenstion for browser just downloaded material icons but it doesn't have the last updated highlighting like his

[@asdfeeafgdsf1826]

25:20 "That everyone can consume and do wtvr they want with" Bold statement for 2024 standards. 🍿

[@vasiliigulevich9202]

Also false, because of government and corporate moderation. It is trivial nowadays to block whatever hosting a dissident is using. That's why in Russia TLS 1.3 no longer works.

[@Sancarn]

A little confused why this is so revolutionary compared to alternatives which have existed for a while... E.G. Mastodon

[@TheNewton]

fad ,network effects

[@SiebeBaree]

Whats the command (or script) to get the total amount of lines for each filetype?

[@ejkozan]

A little off-topic question: what is the name of the note-taking app used in the video?

[@l9cgv]

excalidraw

[@bpdaf]

excalidraw

[@rohitbokade5771]

Isn't this like Solid Pods ? Can you make a video about Solid... i mean the protocol itslef is from th inventor otf WWW himself

[@05xpeter]

it would be extremely interesting to see how moderation will be done under the open model.

[@itsPenguinBoy]

Not having a URL to direct people on my team to is soooo annoying when I am writing documentation on how to use tools we are signed up for and are built this way. I really hope a solution comes through where more links to lateral routes are possible, maybe using #id tags, but I don't know.

[@dgdev69]

12:28 how the heck icons are colored ?

[@boggledeggnoggler5472]

Now I’m curious how atproto differs from Mastodon

[@sturdyfool103]

I’ve been hearing a lot about media people escaping into there because Twitter was scary

[@2lay]

What's the chrome extension at 3:41 that adds icons to folders?

[@CanRau]

You mean the sidebar of Arc Broade?

[@samarnagar9699]

make an video on biggest open source websites too so we can learn some there too

[@aeronwolfe7072]

as fascinating as the application architecture might be, to me, it's nothing if it doesn't allow anyone to say whatever they want to say. i hope that's what it becomes. i wish all social media companies and the government, would take section 230 seriously.

[@TheNewton]

oh please🙄, see Section 230(c)(2) and YOU take that part seriously.

[@Adalrico_Desmond]

The problem with full freedom of speech is that there is nothing to control hate speech and extremist political leaings.

[@thrax4111]

@@Adalrico_Desmond they are still under free speech and should be allowed lol

[@accessibleguidance]

React for the web is a maintenance nightmare. Don't use react. Value people and just use standard native tools.

[@ET_AYY_LMAO]

How is that legal anyways? To build a competitor with company money during an aquisition?

[@sh3llgh0ul]

It's absolutely not legal.

[@interstellar1873]

chat, an update: Jack is no longer backing or supporting Bluesky. He's now backing and supporting NOSTR protocol, look into it. NOSTR is a great open source social media protocol and supports many UI clients.

[@gooseythelucy]

xkcd 927

[@teabagninja]

​@@gooseythelucy while I generally agree... at least nostr is decentralised and you can run your own node - even though it has the cryptobro problem I'd still rather use that than bluesky which is effectively still a silo with one corporation running the show.

[@diadetediotedio6918]

@@gooseythelucy It is literally not the same thing.

[@Invuska]

I'm extremely out of the loop. Can someone eli5/fill me in? idk anything about Bluesky/NOSTR

[@teabagninja]

@@Invuska easiest to do some searches for nostr vs bluesky vs mastodon probably.

[@mriz]

I like this type of content man

[@Skalexsong]

My next cross platform project would be definitely using React Native + Expo. I was mostly using Next JS + Capacitor JS + Konsta UI/Ionic before. The worlds changing fassttt

[@PedroPedruzzi]

Please do the video on navigation/routing concepts in native vs web

[@thealphacruze]

Isn't that the super Left App?

[@pkop4]

Yes even Jack Dorsey quit Bluesky he hated it so much and prefers X lol

[@thealphacruze]

@pkop4 I saw people get banned just for disagreeing with other people lol

[@TheNewton]

lololool "super left", you a bot or just don't know where center is anymore.

[@thealphacruze]

@@TheNewton I mean people getting perma banned for saying there's 2 Genders sounds super left to me🤔

[@lautarodapin]

17:44 after seen the queryOptions api, making custom queries like that makes no sense

[@gddeufedhfezr1224]

please make the video about how mobile is different than web

[@mahmoudtokura]

The bluesky captcha seems broken. I have not been able to create an account. Any idea why this is?

[@atljBoss]

please do the at proto video and dive deeper this was one of your best videos of all times

[@SteveM45]

I testet it but how find I my friend here? E.g. from my phonebook?

[@CarlosRangel]

Are you still using Arc brother?

[@danielocampo543]

Please do the routing vid

[@ivanmaglica264]

What does that mean for Mastodon (app, not the band :)?

[@Bartek2OO219]

everyone is on bluesky but why now mastadon?

[@bennguyen1313]

Would love to hear Adam Curry's take on the 'at' protocol!

so.... mastadon?

[@maanasverma7659]

how wikipedia UI is different in your browser?

[@trietang2304]

Wow at protocol is so cool. Make me want to build something with it so much (definitely not social media for dog haha)

[@EmanueleMicciulla]

Make the private host domain list hosted by blockchain and i will trust this! Without this step the "evil blusky" scenario is not manageable. Imagine they remove someone how can people know if not constantly checking for your domain? Or even worse what if they just start silently filtering your content? I sill would see you and lose your "moderated" posts (the scenario is clear). At that point how can I migrate if no one has the list of all domains? (they are centralized in bluesky).

[@elie2222]

Why not lodash?

[@claudiusvier]

What Wikipedia theme is that?

[@Leto2ndAtreides]

You should just do the paid Expo tutorial video... Justifies putting more hours into it. A full 3-6 hour tutorial would almost definitely be worth checking out.

[@josephmgift]

Expo is just too good :)

[@mardby]

Excellent video! Thanks :)

[@miua.]

Hey, does any one know what's the note app name?

[@griffinarcher2911]

excalidraw

[@ThugLifeModafocah]

So, Dan is not on facebook anymore???

[@arnthorsnaer]

I’ve waiting for something like this since 2005-2007.

[@exitenter2481]

Wow. That's alot of time

[@Y.AndreaRusso]

please do a dedicated atproto vid

[@vipzip8863]

What is the application's name where you're writing and drawing on?

[@a7kerkh]

its website named excalidraw

[@happieplantnl]

I would love a dedicated video on the atproto!

[@mindblower113]

Theo talks about RN in every video with proud. But man I waited 15 minutes to get the first build and it failed 😅. I hate flutter but I can build something with it at this point.

[@arcticheroh]

Bluesky isnt fully open source?

[@norude]

so who hosts atproto?

[@omarshehab3615]

Please make uploadthing support python, I started using it in my webapp and later realized it doesn't support python and I don't wanna lose the experience

[@jeromeschaeffer2915]

That’s so cool I’m sold on the tech!