<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>Balzabu | Blog</title>
    <link>https://blog.balzabu.io/tags/react-native/</link>
    <description>Recent content on Balzabu | Blog</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>en</language>
    <lastBuildDate>Fri, 08 Dec 2023 14:20:05 +0200</lastBuildDate>
    <atom:link href="https://blog.balzabu.io/tags/react-native/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>React-Native IDE for Mobile</title>
      <link>https://blog.balzabu.io/posts/react-native-ide-for-mobile/</link>
      <pubDate>Fri, 08 Dec 2023 14:20:05 +0200</pubDate>
      <guid>https://blog.balzabu.io/posts/react-native-ide-for-mobile/</guid>
      <description>&lt;p&gt;In the past few weeks I&amp;rsquo;ve been studying &lt;a href=&#34;https://en.wikipedia.org/wiki/React_Native&#34;&gt;React Native&lt;/a&gt; to build a Mobile Application for my girlfriend.
She needed an application that could interact with the Assistants API provided by &lt;a href=&#34;https://chat.openai.com/&#34;&gt;ChatGPT&lt;/a&gt; in order to make summarizes of school books.&lt;/p&gt;
&lt;p&gt;The overall experience has been awesome, I fell in love with this framework.
&lt;br/&gt;
The simplicity and the fact that it&amp;rsquo;s cross-platform by default really are an advantage in the long run.
&lt;br/&gt;
To be honest I never thought, before this moment, I could code a Mobile APP this easily ( Considering I had a minor experience only with &lt;a href=&#34;https://kotlinlang.org/&#34;&gt;Kotlin&lt;/a&gt;, which is way more complex and messy ).
&lt;br/&gt;&lt;/p&gt;</description>
      <content:encoded><![CDATA[<p>In the past few weeks I&rsquo;ve been studying <a href="https://en.wikipedia.org/wiki/React_Native">React Native</a> to build a Mobile Application for my girlfriend.
She needed an application that could interact with the Assistants API provided by <a href="https://chat.openai.com/">ChatGPT</a> in order to make summarizes of school books.</p>
<p>The overall experience has been awesome, I fell in love with this framework.
<br/>
The simplicity and the fact that it&rsquo;s cross-platform by default really are an advantage in the long run.
<br/>
To be honest I never thought, before this moment, I could code a Mobile APP this easily ( Considering I had a minor experience only with <a href="https://kotlinlang.org/">Kotlin</a>, which is way more complex and messy ).
<br/></p>
<p><strong>However</strong>, during the initial phases I had to test various layouts and components to make sure they would work like I intended.
As most of the programmers I know, we all get the ideas while we&rsquo;re doing something else and I had a few occasions where I wanted to test a thing but I couldn&rsquo;t due to the lack of a well-made IDE for Mobile.</p>
<p>Yeah, you heard right, all the online IDEs for React-Native suck&hellip; here&rsquo;s why:</p>
<ul>
<li>They won&rsquo;t allow you to use built-in Android functions on the sourcecode ( Say bye-bye to &ldquo;Select All&rdquo; or &ldquo;Copy/Paste&rdquo; ).</li>
<li>They all have some kind of resizing/scaling issue, even when browsing it with a Windows UA, forcing the page to be loaded like it would on a computer.</li>
</ul>
<p>So I had to find a solution which in the end was pretty straightforward.</p>
<h2 id="the-life-hack">The Life Hack</h2>
<p>In the end I found out that the best mobile IDE is called &ldquo;<a href="https://snack.expo.dev/">Snack</a>&rdquo;, made by the developers of <a href="https://expo.dev/">Expo</a>.
<br/>
It allows you to write the code and execute it on various devices (Including your own) !</p>
<p>Despite being pretty good on computer, I&rsquo;ve noticed how it has the same issues I&rsquo;ve pointed previously, so I was scratching my head searching for a solution.</p>
<p>A much thought, I found out that the &ldquo;Learn the Basics&rdquo; docs from the <a href="https://reactnative.dev">reactnative.dev</a> website has a custom built-in &ldquo;Snack&rdquo; IDE!</p>
<p>I just fell in love with it, it doesn&rsquo;t have any of the issues I said before and can even skip the waitlist when you build the code.</p>
<p>So, if you&rsquo;re looking for a Mobile IDE that just WORKS&hellip; just use the one available in the official React Native documentations here: <a href="https://reactnative.dev/docs/tutorial">reactnative.dev</a> (Remember to request desktop website, else the website will tell you to install the Expo GO app).</p>
<p><img src="/images/react_native_ide_for_mobile/ide-photo.png" alt="Ide Photo"></p>
<h2 id="contacts">Contacts</h2>
<p>For questions or suggestions, contact: <a href="mailto:noc@balzabu.io">noc@balzabu.io</a>.</p>
]]></content:encoded>
    </item>
  </channel>
</rss>
