# Hotwire Native - Rails World 2024 Lightning talk (Unofficial recording), Yaroslav Shmarov

- URL: https://superails.com/posts/yaroslav-shmarov-hotwire-native-rails-world-2024-lightning-talk-unofficial-recording
- Published: 2024-10-06
- Duration: 09:30
- Access: free
- Topics: iOS, hotwire native
- Playlists: Live talks, Hotwire Native

Slides: https://speakerdeck.com/yshmarov/yaroslav-shmarov-hotwire-native-rails-world-2024-lightning-talk

You will learn:
What is Hotwire Native?
How is Hotwire Native different from Turbo Native and Strada?
How to prepare your Rails app to work as a Hotwire Native application? (Core topic of the talk)

Sorry for the quality! Why?
Lightning talks are something new at Rails World.
This year they were not officially recorded.
I recorded this on my own device and added the slides.
I hope you appreciate the work and enjoy the presentation.

## Transcript

Please welcome. Yeah, it's good. Yes. Um, hello France. Matt, we happy with you? So the talks make initial levels ative, but it's kind of outdated now because maybe already stolen the news, uh, from seven Signals they have announced for radio. Now, what is basically, first of all, I think it should have been me given the stock have been either the ology or in the stock at the big stage. And look at this, uh, like budget version. You have the ads version version of a sticker. It's, uh, me, I, uh, gave out last year. I talked about, I also run the Explore channel and also I've been doing a series of videos about but dominated. As I said, it is outdated and this is a very good thing. It's going to make life easier for you. So if you haven't learned terminated yet, it's good 'cause now it's gonna be easier for you to learn it. Now what is the main problem? So that's for terminated. That was started and many people were asking me positive events between Terminator and uh, Strada and the for Strada to be released to start working on that. You already do it, the Terminator for a few years. So, uh, I think it was kind of a relevant issue and yeah, many people was discussion was Differe, Terminator, and Strada. I tried to make this kind of, uh, graph to show the place of top native and study in the for X system how it look, just need you go trade a new I application, be a to native application. So you trade a new I stack, you would install a to native, you would install on a specific branch that you store the ator it's application live the need install Strada to install str with need another like 10 files another day. You just hate your life just by the moment you have found the set to start the, the application. But luckily it has all been merged together. So through the litigator to the IO and uh, Strada merged together into a for library that is going to have a better branding, better documentation and it's going to be easier for you to start pulling mobile applications. And now if you haven to work on LY mobile applications, the smallest how for the look for you, you have the Excode, uh, editor. You have a virtual, uh, iPhone running. It is, uh, running your, uh, local host in your red server. You have, uh, your app server and uh, you do like just so your, your local host inlet your I run. So the net bar and the ER will be sold as native. And inside of inside is just your Rails application. That is sold as if look on a small screen. So this part is uh, native. This part is just your rail application as if look on that salt screen. So going back to the topic, how to make your rails application ready to work with the native and uh, how to submit application so that it works and looks well on uh, uh, inside, uh, native application. Now first of all, make it look work with a small screener, but you open your rails application from the tool. It should log suck, it should work nicely. Have a look that x, this is not the X app. This is X open via the browser and it looks and feels like an app. It has the auto navigation, it has the uh, N bar. So the x uh, mobile, uh, respons solution looks just as the app does say that. And uh, you can better here they have the, they have main contact and the remember this. So rule before building any mobile application, just make application find on a small screen. And here couple examples of uh, like with and link it in and applications that built that. All field fiber with a small scrap go further. Conditional logic. There are some cases that you bought to run something on a mobile application, something on uh, that application. You can use the help durable make app and the bullet on help us in the big files Control don't have about from that. Uh, this is the perfect setup to have conditional on the mobile and the on the back. So for example, in the states have a, uh, blank bedroom on the back and the five bedroom on the applications. Good. Further the disabling durable. So if you would take to false on the link that not be applicable inside the by native application. So try to avoid this, but there are a couple of cases that point to give disable this, uh, data to data. For example, if you're like doing strike checkout or if you're trying to do site in and this kind of flows will usually not work in your uh, ator application, you will need to find other base to create this kind of flows in net application. Good and terms example of a data to confirm, you know, for this information, that model of the cript works in your browser. And this is how looks and the works in uh, so by application device works out the box. If you install the new authentication is the broker out the box. If you out your own authentication, try to store the the user not in session but in good for that. So traditional stack navigation. Now here are a couple of examples. So first you I'm clicking and uh, it stacks navigation. So you see the drug prompts and uh, you I can go like further and back the same case by click and it replaces the navigation. So there is some cases where you do want to the navigation stack, like if within the browser you want, don't replace the current screen and picture couple of those hip that can help you in have a conditional different navigation patterns in the the web and in mobile go further if you try to, if you have target blank set up in your application and you sort click it in the side, the application, it's going to look like this. You see this, I'm clicking a link inside the application and it's opening in the, in the popup browser and it looks top. So this is a pattern for link tool but you can uh, set the app so you want like, uh, to disable target bank within your application also and make applications, uh, going further app review. So it can be hard but uh, you should fight for it. Uh, deliver that does Earth Development gave me a couple of fields as uh, how to find fight it. So first of all you should not the enable billing inside your for five application. You should enable it into application. And in some cases you log all disable sign ups in your application. You'll need to allow you just to sign up only in the that application. But signing in also like they'll be able just to sign in inside the native applications and you can see the pattern in base. And uh, so, uh, hate for example, uh, doing further. I think that there is space for couple all plates in the technician and uh, you'll be able to like the IS scope itself is more or less uh, user set advance and also do advance and you can use it around all your applications and uh, you don't need to have like a sort different I code for each application and uh, about strada rich components. So Strada, forget the mistake existed, have rich components. Now there are these different patterns for having the native elements in your page and uh, I see space to have a usable likelihood of components currently in the open source. There are couple of components but there can be more. Uh, going further, I uh, invite you to have a look at Native top Director trading, but Rob so is a big collection of uh, applications that have also built App store that use uh, software native and uh, some of them could have a source code that you can mix. Yeah. And uh, finally there is a bus route here that uh, is organizing podcasts and they launched their application with all the App store and it is also using the Profile Native. So just the part in the middle of Australia is just the Respons app, but the top and the bottom is native. And again, uh, I tried to have, look at Super Rail, I done lots of the videos, I done the series of and I'm going to do food Time naked. And uh, I invited to subscribe 'cause it help me continue doing what uh, I do. Thank you.