The latest articles on Forem by Asad khan (@asad8746). https://forem.com/asad8746 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1233465%2Ff59390dc-d2bf-4ace-a1e5-832fb2bb8f24.jpeg https://forem.com/asad8746 en Asad khan Thu, 14 Dec 2023 18:46:23 +0000 https://forem.com/asad8746/a-new-tool-in-town-to-upgrade-react-native-apps-called-flame-ai-18e https://forem.com/asad8746/a-new-tool-in-town-to-upgrade-react-native-apps-called-flame-ai-18e <p>As React Native developers, staying up-to-date with the latest version of React Native is crucial for accessing new features, improvements, and ensuring the security of your mobile applications. However, the process of upgrading can often be challenging and time-consuming. In response Infinite Red Team <strong>(renowned for Ignite React Native boilerplate)</strong> came up with Flame AI which is a new Cli tool to upgrade your react native apps.<br> This <strong>CLI Tool</strong> uses the power of the GPT-4 language model, to streamline the React Native upgrade process.`<code><br> NOTE:- To Run Flame, Chat GPT-4 Token key and Node V18+ will be required.</code></p> <h2> Understanding the Challenge: </h2> <p>Upgrading React Native versions traditionally involves navigating through breaking changes, updating dependencies, and resolving compatibility issues. Recognizing these challenges, the Infinite Red team created a solution that not only simplifies the upgrade process but also leverages the capabilities of AI for a more advance approach.</p> <h2> How Flame AI Works </h2> <p>Flame AI still utilizes <a href="https://react-native-community.github.io/upgrade-helper/">React Native Upgrade Helper</a> which extracts the required changes from react-native-upgrade-helper and passes them to ChatGPT-4. Afterward, ChatGPT-4 understands Git diffs, enabling the AI to identify where to add or remove code. Let's get Started</p> <p><code>npx flame --help</code> </p> <p><strong>will list command and options that are available:</strong></p> <p><strong>--from=[auto|]:</strong> The version to upgrade from. Defaults to the version specified in package.json.<br> <strong>--to=[auto|]:</strong> The version to upgrade to. Defaults to the latest version of React Native on NPM.<br> <strong>--interactive</strong> Run in interactive mode.<br> <strong>--list</strong> List the files that will be upgraded.<br> <strong>--only</strong> Only upgrade files that match this string.</p> <p>In order to upgrade our React Native app, we can run the above command in the root of your React Native app, which will upgrade our app in one go. However, the recommended way is to use interactive mode, which will ask: </p> <p><code>npx flame upgrade react-native</code></p> <p>or</p> <p><code>npx flame upgrade react-native --interactive --from=0.72.2 --to=auto --list</code></p> <p>If you want to learn more about Flame Ai, Links are given below</p> <ul> <li><p><a href="https://www.youtube.com/watch?v=8r0qirR3wWY">Great Talk by Jamon Holmgren</a></p></li> <li><p><a href="https://github.com/infinitered/flame">Github Repo Link</a></p></li> </ul> reactnative javascript mobile programming