PageSourceSearch

https://renative.org/

html renative.org collected 2026-10-02 21:19:59 UTC 59,582 bytes, 16 lines download raw bytes

1<!doctype html>
2<html lang="en" dir="ltr" class="plugin-pages plugin-id-default" data-has-hydrated="false">
3<head>
4<meta charset="UTF-8">
5<meta name="generator" content="Docusaurus v3.5.2">
6<title data-rh="true">Unified Development Platform | ReNative</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://renative.org/img/logo.svg"><meta data-rh="true" name="twitter:image" content="https://renative.org/img/logo.svg"><meta data-rh="true" property="og:url" content="https://renative.org/"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" property="og:title" content="Unified Development Platform | ReNative"><meta data-rh="true" name="description" content="Description will go into a meta tag in &lt;head /&gt;"><meta data-rh="true" property="og:description" content="Description will go into a meta tag in &lt;head /&gt;"><link data-rh="true" rel="icon" href="/img/favicon.ico"><link data-rh="true" rel="canonical" href="https://renative.org/"><link data-rh="true" rel="alternate" href="https://renative.org/" hreflang="en"><link data-rh="true" rel="alternate" href="https://renative.org/" hreflang="x-default">
6<script data-rh="true">function insertBanner(){var n=document.createElement("div");n.id="__docusaurus-base-url-issue-banner-container";n.innerHTML='\n<div id="__docusaurus-base-url-issue-banner" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">/</span>  (default value)</p>\n   <p>We suggest trying baseUrl = <span id="__docusaurus-base-url-issue-banner-suggestion-container" style="font-weight: bold; color: green;"></span></p>\n</div>\n',document.body.prepend(n);var e=document.getElementById("__docusaurus-base-url-issue-banner-suggestion-container"),s=window.location.pathname,o="/"===s.substr(-1)?s:s+"/";e.innerHTML=o}document.addEventListener("DOMContentLoaded",(function(){void 0===window.docusaurus&&insertBanner()}))</script>
6<link rel="preconnect" href="https://www.google-analytics.com">
7<link rel="preconnect" href="https://www.googletagmanager.com">
vendor: 64 bytes, lines 7-8
7
8<script async src="https://www.googletagmanager.com/gtag/js?id=
8G-V5GWQ4WYWK
vendor: 12 bytes, line 8
8"></script>
9<script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-V5GWQ4WYWK",{})</script>
9<link rel="stylesheet" href="/assets/css/styles.2d3510a0.css">
10<script src="/assets/js/runtime~main.95bf49b2.js" defer="defer"></script>
vendor: 1 bytes, line 10
10
11<script src="/assets/js/main.fa984336.js" defer="defer"></script>
11
12</head>
13<body class="navigation-with-keyboard">
14<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const n=new URLSearchParams(window.location.search).entries();for(var[t,e]of n)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script>
14<div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn mobile_toggle" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" fill="none" viewBox="0 0 24 14"><rect width="24" height="2" fill="#565656" rx="1"></rect><rect width="24" height="2" y="12" fill="#565656" rx="1"></rect></svg></button><a class="navbar__brand" href="/"></a><a class="navbar__item navbar__link navbar_logo header-renative-link" title="Renative" aria-label="Renative" href="/"></a><a href="https://github.com/flexn-io/renative/releases/tag/1.8.0" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">v1.8<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><a class="navbar__item navbar__link" href="/docs/overview/introduction">Docs</a><a class="navbar__item navbar__link" href="/docs/templates/overview">References</a><a class="navbar__item navbar__link" href="/docs/api/cli">API</a></div><div class="navbar__items navbar__items--right"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button><a class="navbar__item navbar__link button button--secondary navbar_button padding--sm" href="/docs/overview/quickstart">Get started</a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_Bca1"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><header class="hero hero--primary heroBanner_qdFl"><div class="container"><p class="h2_gZ6G version_link_vxWI">Currently<!-- --> <a class="link" href="https://github.com/flexn-io/renative/releases/tag/1.8.0" target="_blank">v1.8<img class="link_img" src="/img/link.svg"></a></p><div class="container-in"><span class="hero__title">Unified</span><span class="hero__title hero__title_alt">Development</span><span class="hero__title">Platform</span></div><p class="h2_gZ6G description_meEo">ReNative allows you to <b>bootstrap</b>, <b>develop</b> and <b>deploy</b> apps for mobile, web, TVs, desktops, consoles, wearables and more via a single development environment.</p><div class="homepage-codeline"><div class="buttons_AeoN"><a class="button button--secondary button--lg homepage_button" href="/docs/overview/quickstart">Get started</a></div><div style="font-size:16px;width:180px"><div class="language-jsx codeBlockContainer_APcc theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_m3Ux"><pre tabindex="0" class="prism-code language-jsx codeBlock_qGQc thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_p187"><span class="token-line" style="color:#393A34"><span class="token plain">
14npx rnv </span><span class="token keyword" style="color:#00009f">new</span><br></span></code></pre><div class="buttonGroup_6DOT"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_FhaS" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_phi_"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_FfTR"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div></div></div></header><main><div class="container framework_container"><div><h2>Supported frameworks</h2></div><div class="framework_container_img_grid"><img src="/img/light/react_native.svg" class="framework_img themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/dark/react_native.svg" class="framework_img themedComponent_mlkZ themedComponent--dark_xIcU"><img src="/img/light/lightningjs.svg" class="framework_img themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/dark/lightningjs.svg" class="framework_img themedComponent_mlkZ themedComponent--dark_xIcU"><img src="/img/light/react.svg" class="framework_img themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/dark/react.svg" class="framework_img themedComponent_mlkZ themedComponent--dark_xIcU"><img src="/img/light/windows.svg" class="framework_img themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/dark/windows.svg" class="framework_img themedComponent_mlkZ themedComponent--dark_xIcU"><img src="/img/light/electron.svg" class="framework_img themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/dark/electron.svg" class="framework_img themedComponent_mlkZ themedComponent--dark_xIcU"><img src="/img/light/nextjs.svg" class="framework_img themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/dark/nextjs.svg" class="framework_img themedComponent_mlkZ themedComponent--dark_xIcU"></div></div><div class="container img_video_container_Muho"><div class="img_video_container_in_SyXx"><div class="main_img_title_Iqcd"><h2>Bootstrap and build apps fast</h2></div><div class="main_paragraph_LOIA">ReNative allows developers to create multiplatform templates and reuse them to bootstrap full E2E projects, freeing up time to focus on development</div><div><div class="language-jsx codeBlockContainer_APcc theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_m3Ux"><pre tabindex="0" class="prism-code language-jsx codeBlock_qGQc thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_p187"><span class="token-line" style="color:#393A34"><span class="token plain">rnv </span><span class="token keyword" style="color:#00009f">new</span><br></span></code></pre><div class="buttonGroup_6DOT"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_FhaS" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_phi_"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_FfTR"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><div class="feature_link_container_e5m9"><a class="feature_link_JyGh" href="/docs/overview/introduction">Learn more<img src="/img/link.svg"></a></div></div><div class="img_video_container_in_SyXx youtube_video_qXIY"><div class="wrapper" style="margin:auto"><div style="position:relative;padding-bottom:56.25%;height:0"><iframe title="demo" style="position:absolute;top:0;left:0;width:100%;height:100%" src="https://www.youtube.com/embed/PLCJzCDSyDk" frameborder="0"></iframe></div></div></div></div><hr class="lineLight"><div class="container img_video_container_Muho"><img src="/img/light/rnv-light.svg" class="main_img_tMZx themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/dark/rnv-dark.svg" class="main_img_tMZx themedComponent_mlkZ themedComponent--dark_xIcU"><div class="img_video_container_in_SyXx"><div class="main_img_title_Iqcd"><h2>Target any major platform</h2></div><div class="main_paragraph_LOIA">Run your project on one of 20 platforms with a single command</div><div><div class="language-jsx codeBlockContainer_APcc theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_m3Ux"><pre tabindex="0" class="prism-code language-jsx codeBlock_qGQc thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_p187"><span class="token-line" style="color:#393A34"><span class="token plain">rnv run </span><span class="token operator" style="color:#393A34">-</span><span class="token plain">
14p </span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">PLATFORM</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><br></span></code></pre><div class="buttonGroup_6DOT"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_FhaS" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_phi_"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_FfTR"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><div class="feature_link_container_e5m9"><a class="feature_link_JyGh" href="/docs/platforms/android">Explore more<img src="/img/link.svg"></a></div></div></div><hr class="lineLight"><section class="container"><div class="feature_container_xlq6"><div class="feature_title_container_HSqZ"><img class="feature_icon_E6uA" src="/img/light/feature_icon1.svg"><h2 class="feature_title_gr9C">Extendable by community plugins</h2></div><p>ReNative supports standard community driven<!-- --> <span style="color:#0A74E6">react native plugins</span> you can use to enhance the functionality of your apps.</p><div class="feature_child_container_aS8N"><div class="plugin_grid_usr2"><div class="plugin_container_NNc3"><div><p class="plugin_title_Lgur">@flexn/create</p><div class="language-jsx codeBlockContainer_APcc theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_m3Ux"><pre tabindex="0" class="prism-code language-jsx codeBlock_qGQc thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_p187"><span class="token-line" style="color:#393A34"><span class="token plain">rnv plugin add @flexn</span><span class="token operator" style="color:#393A34">/</span><span class="token plain">create   </span><br></span></code></pre><div class="buttonGroup_6DOT"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_FhaS" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_phi_"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_FfTR"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div></div><div class="plugin_container_NNc3"><div><p class="plugin_title_Lgur">@flexn/sdk</p><div class="language-jsx codeBlockContainer_APcc theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_m3Ux"><pre tabindex="0" class="prism-code language-jsx codeBlock_qGQc thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_p187"><span class="token-line" style="color:#393A34"><span class="token plain">rnv plugin add @flexn</span><span class="token operator" style="color:#393A34">/</span><span class="token plain">sdk  </span><br></span></code></pre><div class="buttonGroup_6DOT"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_FhaS" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_phi_"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_FfTR"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div></div><div class="plugin_container_NNc3"><div><p class="plugin_title_Lgur">@lightningjs/cli</p><div class="language-jsx codeBlockContainer_APcc theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_m3Ux"><pre tabindex="0" class="prism-code language-jsx codeBlock_qGQc thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_p187"><span class="token-line" style="color:#393A34"><span class="token plain">rnv plugin add @lightningjs</span><span class="token operator" style="color:#393A34">/</span><span class="token plain">cli  </span><br></span></code></pre><div class="buttonGroup_6DOT"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_FhaS" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_phi_">
14<path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_FfTR"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div></div><div class="plugin_container_NNc3"><div><p class="plugin_title_Lgur">@reach/router</p><div class="language-jsx codeBlockContainer_APcc theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_m3Ux"><pre tabindex="0" class="prism-code language-jsx codeBlock_qGQc thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_p187"><span class="token-line" style="color:#393A34"><span class="token plain">rnv plugin add @reach</span><span class="token operator" style="color:#393A34">/</span><span class="token plain">router  </span><br></span></code></pre><div class="buttonGroup_6DOT"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_FhaS" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_phi_"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_FfTR"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div></div><div class="plugin_container_NNc3"><div><p class="plugin_title_Lgur">@react-navigation</p><div class="language-jsx codeBlockContainer_APcc theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_m3Ux"><pre tabindex="0" class="prism-code language-jsx codeBlock_qGQc thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_p187"><span class="token-line" style="color:#393A34"><span class="token plain">rnv plugin add @react</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">navigation  </span><br></span></code></pre><div class="buttonGroup_6DOT"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_FhaS" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_phi_"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_FfTR"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div></div><div class="plugin_container_NNc3"><div><p class="plugin_title_Lgur">@reduxjs/toolkit</p><div class="language-jsx codeBlockContainer_APcc theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_m3Ux"><pre tabindex="0" class="prism-code language-jsx codeBlock_qGQc thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_p187"><span class="token-line" style="color:#393A34"><span class="token plain">rnv plugin add @reduxjs</span><span class="token operator" style="color:#393A34">/</span><span class="token plain">toolkit  </span><br></span></code></pre><div class="buttonGroup_6DOT"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_FhaS" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_phi_"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_FfTR"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div></div></div></div><div class="feature_link_container_e5m9"><a class="feature_link_JyGh" href="/docs/plugins/overview">Explore more<img src="/img/link.svg"></a></div></div></section><hr class="lineLight"><section class="container features_line_T4_D"><div class="feature_container_xlq6"><div class="feature_title_container_HSqZ"><img class="feature_icon_E6uA" src="/img/light/feature_icon2.svg"><h2 class="feature_title_gr9C">Scalable configurations</h2></div><p>Tired of setting up and managing countless of various projects? You can go as simple as most<!-- --> <span style="color:#0A74E6">basic json config</span> file to get yourself up and running.</p><div class="feature_child_container_aS8N"><div class="language-json codeBlockContainer_APcc theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_P25_">renative.json</div><div class="codeBlockContent_m3Ux"><pre tabindex="0" class="prism-code language-json codeBlock_qGQc thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_p187"><span class="token-line" style="color:#393A34"><span class="token punctuation" style="color:#393A34">
14{</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token property" style="color:#36acaa">&quot;platforms&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">  </span><span class="token property" style="color:#36acaa">&quot;plugins&quot;</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><br></span></code></pre><div class="buttonGroup_6DOT buttonGroup_with_title_MDfj"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_FhaS" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_phi_"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_FfTR"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><div class="feature_link_container_e5m9"><a class="feature_link_JyGh" href="/docs/concepts/config">Learn more<img src="/img/link.svg"></a></div></div><div class="feature_container_xlq6"><div class="feature_title_container_HSqZ"><img class="feature_icon_E6uA" src="/img/light/feature_icon3.svg"><h2 class="feature_title_gr9C">Powerful CLI</h2></div><p><span style="color:#0A74E6">rnv CLI</span> is your entry point and control centre to building multi-platform apps with just a few commands to learn.</p><div class="feature_child_container_aS8N"><div><div class="language-jsx codeBlockContainer_APcc theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_m3Ux"><pre tabindex="0" class="prism-code language-jsx codeBlock_qGQc thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_p187"><span class="token-line" style="color:#393A34"><span class="token plain">rnv </span><span class="token operator" style="color:#393A34">--</span><span class="token plain">help</span><br></span></code></pre><div class="buttonGroup_6DOT"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_FhaS" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_phi_"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_FfTR"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div></div><div class="feature_link_container_e5m9"><a class="feature_link_JyGh" href="/docs/api/cli">Learn more<img src="/img/link.svg"></a></div></div></section><hr class="lineLight"><section class="container"><div class="features_xdhU"><div class="feature_container_xlq6"><div class="feature_title_container_HSqZ"><img class="feature_icon_E6uA" src="/img/light/feature_icon4.svg"><h2 class="feature_title_gr9C">Minimalistic runtime</h2></div><p>ReNative runtime, an <span style="color:#0A74E6">NPM dependency</span>,<!-- --> <span style="color:#0A74E6">streamlines UI</span> and feature development for diverse platforms and devices.</p><div class="feature_child_container_aS8N"><div class="language-jsx codeBlockContainer_APcc theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_P25_">multi-platform.js</div><div class="codeBlockContent_m3Ux"><pre tabindex="0" class="prism-code language-jsx codeBlock_qGQc thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_p187"><span class="token-line" style="color:#393A34"><span class="token keyword module" style="color:#00009f">
14import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"> isPlatformTizen</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"> isFactorTv</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"> engine</span><span class="token imports punctuation" style="color:#393A34">,</span><span class="token imports"> platform </span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&quot;renative&quot;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token tag punctuation" style="color:#393A34">&lt;</span><span class="token tag class-name" style="color:#00009f">Text</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">isFactorTv</span><span class="token punctuation" style="color:#393A34">}</span><span class="token tag punctuation" style="color:#393A34">&lt;/</span><span class="token tag class-name" style="color:#00009f">Text</span><span class="token tag punctuation" style="color:#393A34">&gt;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"> </span><br></span></code></pre><div class="buttonGroup_6DOT buttonGroup_with_title_MDfj"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_FhaS" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_phi_"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_FfTR"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><div class="feature_link_container_e5m9"><a class="feature_link_JyGh" href="/docs/api/runtime">Learn more<img src="/img/link.svg"></a></div></div><div class="feature_container_xlq6"><div class="feature_title_container_HSqZ"><img class="feature_icon_E6uA" src="/img/light/feature_icon5.svg"><h2 class="feature_title_gr9C">Supercharged frameworks</h2></div><p>ReNative supports popular front-end frameworks like <span style="color:#0A74E6">React</span>,<!-- --> <span style="color:#0A74E6">React Native</span>, <span style="color:#0A74E6">NextJS</span>, <span style="color:#0A74E6">Electron</span></p><div class="feature_link_container_e5m9"><a class="feature_link_JyGh" href="/docs/engines/engine-rn">Learn more<img src="/img/link.svg"></a></div></div><div class="feature_container_xlq6"><div class="feature_title_container_HSqZ"><img class="feature_icon_E6uA" src="/img/light/feature_icon6.svg"><h2 class="feature_title_gr9C">Build hooks</h2></div><p>Sometimes you need to extend CLI functionality with custom build scripts. ReNative<!-- --> <span style="color:#0A74E6">makes this easy</span> for you.</p><div class="feature_child_container_aS8N"><div class="language-jsx codeBlockContainer_APcc theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_P25_">/buildHooks/src/index.js</div><div class="codeBlockContent_m3Ux"><pre tabindex="0" class="prism-code language-jsx codeBlock_qGQc thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_p187"><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword module" style="color:#00009f">
14import</span><span class="token plain"> </span><span class="token imports">chalk</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">&#x27;chalk&#x27;</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> hooks </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">    </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">        </span><span class="token function-variable function" style="color:#d73a49">hello</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token parameter">c</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">      </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">              </span><span class="token keyword" style="color:#00009f">new</span><span class="token plain"> </span><span class="token class-name">Promise</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">(</span><span class="token parameter">resolve</span><span class="token parameter punctuation" style="color:#393A34">,</span><span class="token parameter"> reject</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> </span><span class="token arrow operator" style="color:#393A34">=&gt;</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain">            </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">                      </span><span class="token console class-name">console</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">log</span><span class="token punctuation" style="color:#393A34">(</span><span class="token template-string template-punctuation string" style="color:#e3116c">`</span><span class="token template-string string" style="color:#e3116c">\n</span><span class="token template-string interpolation interpolation-punctuation punctuation" style="color:#393A34">${</span><span class="token template-string interpolation">chalk</span><span class="token template-string interpolation punctuation" style="color:#393A34">.</span><span class="token template-string interpolation method function property-access" style="color:#d73a49">yellow</span><span class="token template-string interpolation punctuation" style="color:#393A34">(</span><span class="token template-string interpolation string" style="color:#e3116c">&#x27;HELLO FROM BUILD HOOKS!&#x27;</span><span class="token template-string interpolation punctuation" style="color:#393A34">)</span><span class="token template-string interpolation interpolation-punctuation punctuation" style="color:#393A34">}</span><span class="token template-string string" style="color:#e3116c">\n</span><span class="token template-string template-punctuation string" style="color:#e3116c">`</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">                      </span><span class="token function" style="color:#d73a49">resolve</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain">        </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">              </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">              </span><span class="token keyword" style="color:#00009f">const</span><span class="token plain"> pipes </span><span class="token operator" style="color:#393A34">=</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">
14{</span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">              </span><span class="token keyword module" style="color:#00009f">export</span><span class="token plain"> </span><span class="token exports punctuation" style="color:#393A34">{</span><span class="token exports"> pipes</span><span class="token exports punctuation" style="color:#393A34">,</span><span class="token exports"> hooks </span><span class="token exports punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><br></span></code></pre><div class="buttonGroup_6DOT buttonGroup_with_title_MDfj"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_FhaS" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_phi_"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_FfTR"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><div class="feature_link_container_e5m9"><a class="feature_link_JyGh" href="/docs/guides/build_hooks">Learn more<img src="/img/link.svg"></a></div></div></div><div class="features_line_T4_D bottom_element_ONxB"><div class="feature_container_xlq6"><div class="feature_title_container_HSqZ"><img class="feature_icon_E6uA" src="/img/light/feature_icon7.svg"><h2 class="feature_title_gr9C">Powerful templates</h2></div><p>ReNative allows you to <span style="color:#0A74E6">build</span> powerful multi-platform bootstrap templates.</p><div class="feature_child_container_aS8N"><div class="language-jsx codeBlockContainer_APcc theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockTitle_P25_">Terminal</div><div class="codeBlockContent_m3Ux"><pre tabindex="0" class="prism-code language-jsx codeBlock_qGQc thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_p187"><span class="token-line" style="color:#393A34"><span class="token plain">rnv </span><span class="token keyword" style="color:#00009f">new</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token maybe-class-name">What</span><span class="token plain">&#x27;s your project </span><span class="token maybe-class-name">Name</span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">folder will be created</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"> hello</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">renative</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token maybe-class-name">What</span><span class="token plain"> workspace to use</span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> rnv</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token maybe-class-name">What</span><span class="token plain"> template to use</span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> @rnv</span><span class="token operator" style="color:#393A34">/</span><span class="token plain">template</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">starter</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token maybe-class-name">What</span><span class="token plain"> @rnv</span><span class="token operator" style="color:#393A34">/</span><span class="token plain">template</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">starter version to use</span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">1.8</span><span class="token number" style="color:#36acaa">.0</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">@latest</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token maybe-class-name">How</span><span class="token plain"> to create config renative</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">json</span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token maybe-class-name">Extend</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">template</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">cleaner</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> overridable</span><span class="token punctuation" style="color:#393A34">)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token maybe-class-name">What</span><span class="token plain">&#x27;s your project </span><span class="token maybe-class-name">Title</span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token maybe-class-name">My</span><span class="token plain"> </span><span class="token maybe-class-name">Renative</span><span class="token plain"> </span><span class="token maybe-class-name">App</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token maybe-class-name">What</span><span class="token plain">&#x27;s your </span><span class="token maybe-class-name">App</span><span class="token plain"> </span><span class="token constant" style="color:#36acaa">ID</span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> com</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">mycompany</span><span class="token punctuation" style="color:#393A34">.</span><span class="token property-access">hellorenative</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token maybe-class-name">What</span><span class="token plain">&#x27;s your project version</span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">0.1</span><span class="token number" style="color:#36acaa">.0</span><span class="token plain"></span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token maybe-class-name">What</span><span class="token plain"> platforms would you like to use</span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> web</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> ios</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> android</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token maybe-class-name">Do</span><span class="token plain"> you want to set</span><span class="token operator" style="color:#393A34">-</span><span class="token plain">up git </span><span class="token keyword" style="color:#00009f">in</span><span class="token plain"> your </span><span class="token keyword" style="color:#00009f">new</span><span class="token plain"> </span><span class="token class-name">project</span><span class="token operator" style="color:#393A34">?</span><span class="token plain"> </span><span class="token maybe-class-name">Yes</span><br></span></code></pre><div class="buttonGroup_6DOT buttonGroup_with_title_MDfj"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_FhaS" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_phi_">
14<path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_FfTR"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><div class="feature_link_container_e5m9"><a class="feature_link_JyGh" href="/docs/guides/templates">Learn more<img src="/img/link.svg"></a></div></div><div class="feature_container_xlq6"><div class="feature_title_container_HSqZ"><img class="feature_icon_E6uA" src="/img/light/feature_icon8.svg"><h2 class="feature_title_gr9C">Integrations</h2></div><p>ReNative supports integration for various services and<!-- --> <span style="color:#0A74E6">deployment infrastructures</span> for your apps.</p><div class="feature_child_container_aS8N"><div class="plugin_grid_usr2 img_grid_n7G9"><img src="/img/light/integration_logo1.svg" class="feature_img_jMxz themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/dark/integration_logo1.svg" class="feature_img_jMxz themedComponent_mlkZ themedComponent--dark_xIcU"><img src="/img/light/integration_logo2.svg" class="feature_img_jMxz themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/dark/integration_logo2.svg" class="feature_img_jMxz themedComponent_mlkZ themedComponent--dark_xIcU"><img src="/img/light/integration_logo3.svg" class="feature_img_jMxz themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/dark/integration_logo3.svg" class="feature_img_jMxz themedComponent_mlkZ themedComponent--dark_xIcU"><img src="/img/light/integration_logo4.svg" class="feature_img_jMxz themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/dark/integration_logo4.svg" class="feature_img_jMxz themedComponent_mlkZ themedComponent--dark_xIcU"><img src="/img/light/integration_logo5.svg" class="feature_img_jMxz themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/dark/integration_logo5.svg" class="feature_img_jMxz themedComponent_mlkZ themedComponent--dark_xIcU"><img src="/img/light/integration_logo6.svg" class="feature_img_jMxz themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/dark/integration_logo6.svg" class="feature_img_jMxz themedComponent_mlkZ themedComponent--dark_xIcU"><img src="/img/light/integration_logo7.svg" class="feature_img_jMxz themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/dark/integration_logo7.svg" class="feature_img_jMxz themedComponent_mlkZ themedComponent--dark_xIcU"></div><div class="main_paragraph_LOIA">Additionally you can build your own integrations with ease.</div></div><div class="feature_link_container_e5m9"><a class="feature_link_JyGh" href="/docs/integrations/aws">Learn more<img src="/img/link.svg"></a></div></div></div></section><hr class="lineLight"><div class="container framework_container"><div><h2>Used by</h2></div><div class="framework_container_img_grid"><img src="/img/light/usedby1.png" class="framework_img themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/dark/usedby1.png" class="framework_img themedComponent_mlkZ themedComponent--dark_xIcU"></div></div><div class="homepage-codeline"><div class="buttons_AeoN"><a class="button button--secondary button--lg homepage_button" href="/docs/overview/quickstart">Start developing now</a></div><div style="font-size:16px;width:180px"><div class="language-jsx codeBlockContainer_APcc theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_m3Ux"><pre tabindex="0" class="prism-code language-jsx codeBlock_qGQc thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_p187"><span class="token-line" style="color:#393A34"><span class="token plain">npx rnv </span><span class="token keyword" style="color:#00009f">new</span><br></span></code></pre><div class="buttonGroup_6DOT"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_FhaS" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_phi_">
14<path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_FfTR"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div></div></main><div class="footer container"><div class="logo-container"><div><svg xmlns="http://www.w3.org/2000/svg" width="764" height="152" fill="none" viewBox="0 0 764 152" class="footer-logo"><g clip-path="url(#a)"><path fill="#000" d="m227.394 126-18.615-26.686q-1.172.13-3.515.13h-20.568V126h-16.922V34.877h37.49q11.845 0 20.568 3.906 8.852 3.905 13.538 11.195t4.686 17.313q0 10.284-5.077 17.704-4.946 7.42-14.319 11.065L245.618 126zm-.391-58.709q0-8.722-5.727-13.408t-16.793-4.686h-19.787v36.319h19.787q11.065 0 16.793-4.687 5.727-4.815 5.727-13.538m99.772 24.343q0 1.692-.26 4.816h-54.543q1.432 7.68 7.42 12.237 6.118 4.426 15.1 4.426 11.456 0 18.875-7.551l8.722 10.024q-4.686 5.598-11.846 8.461t-16.141 2.864q-11.456 0-20.178-4.556-8.721-4.556-13.538-12.627-4.686-8.2-4.686-18.485 0-10.154 4.556-18.224 4.686-8.202 12.887-12.758t18.485-4.556q10.154 0 18.095 4.557 8.07 4.426 12.496 12.626 4.556 8.072 4.556 18.746m-35.147-22.911q-7.81 0-13.278 4.686-5.337 4.556-6.508 12.237h39.443q-1.042-7.551-6.379-12.237t-13.278-4.686m133.309-33.846V126h-13.929L360.76 64.297V126h-16.792V34.877h13.929l50.247 61.703V34.877zm49.41 20.828q15.361 0 23.432 7.42 8.2 7.29 8.201 22.13V126h-15.361v-8.461q-2.994 4.556-8.591 7.029-5.467 2.343-13.278 2.343-7.81 0-13.669-2.603-5.857-2.734-9.112-7.42-3.124-4.817-3.124-10.805 0-9.372 6.899-14.97 7.03-5.727 22-5.728h17.964v-1.041q0-7.29-4.426-11.195-4.296-3.905-12.887-3.905-5.857 0-11.586 1.822-5.598 1.822-9.503 5.077l-6.378-11.846q5.467-4.165 13.147-6.379 7.682-2.213 16.272-2.213m-2.213 59.36q6.119 0 10.805-2.733 4.816-2.865 6.769-8.071V96.19h-16.793q-14.058 0-14.058 9.242 0 4.426 3.514 7.03 3.515 2.603 9.763 2.603m96.515 7.16q-2.863 2.343-7.029 3.515-4.036 1.171-8.592 1.171-11.455 0-17.704-5.988-6.248-5.988-6.248-17.443V70.025H517.62V57.007h11.456V41.126h16.272v15.881h18.615v13.018h-18.615v33.064q0 5.077 2.473 7.811 2.474 2.603 7.16 2.603 5.467 0 9.112-2.864zm13.386-65.739h16.272V126h-16.272zm8.201-11.455q-4.426 0-7.42-2.734-2.994-2.863-2.994-7.03 0-4.164 2.994-6.898 2.994-2.864 7.42-2.864t7.42 2.733q2.994 2.605 2.994 6.64 0 4.295-2.994 7.29-2.864 2.862-7.42 2.863m94.515 11.455L654.941 126h-16.792l-29.811-69.514h16.923l21.609 51.55 22.26-51.55zm73.611 35.148q0 1.692-.26 4.816h-54.543q1.43 7.68 7.42 12.237 6.118 4.426 15.1 4.426 11.456 0 18.875-7.551l8.722 10.024q-4.686 5.598-11.846 8.461t-16.142 2.864q-11.455 0-20.177-4.556t-13.538-12.627q-4.686-8.2-4.686-18.485 0-10.154 4.556-18.224 4.686-8.202 12.887-12.758 8.2-4.556 18.485-4.556 10.154 0 18.094 4.557 8.072 4.426 12.497 12.626 4.557 8.072 4.556 18.746m-35.147-22.911q-7.81 0-13.278 4.686-5.337 4.556-6.509 12.237h39.443q-1.041-7.551-6.378-12.237t-13.278-4.686"></path><g clip-path="url(#b)"><path fill="#0A74E6" fill-rule="evenodd" d="M72.697 120.085c9.624 0 18.478-3.337 25.49-8.929l28.425 16.591c-13.302 14.858-32.53 24.193-53.915 24.193-21.312 0-40.481-9.271-53.778-24.042l28.457-16.609c6.985 5.511 15.774 8.796 25.321 8.796m69.502-20.023L113.6 83.37q.284-2.424.285-4.924c0-17.355-10.502-32.23-25.433-38.484V6.682c32.575 7.277 56.943 36.644 56.943 71.764a74.2 74.2 0 0 1-3.196 21.616M31.82 83.585 3.255 100.258A74.2 74.2 0 0 1 0 78.446c0-35.12 24.367-64.487 56.943-71.763v33.279C42.013 46.216 31.51 61.091 31.51 78.446q.001 2.611.31 5.14m40.877 10.789c8.701 0 15.755-7.132 15.755-15.928S81.4 62.52 72.697 62.52c-8.7 0-15.754 7.13-15.754 15.927 0 8.796 7.053 15.928 15.754 15.928" clip-rule="evenodd"></path></g></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h763.407v152H0z"></path></clipPath><clipPath id="b"><path fill="#fff" d="M0 6.683h145.395v145.395H0z"></path></clipPath></defs></svg></div><div class="copyright">Copyright © <!-- -->2024<!-- --> ReNative Org</div><div style="display:flex;margin-top:auto;gap:24px"><div class="icon_link github-link"></div><div class="icon_link twitter-link"></div><div class="icon_link youtube-link"></div></div></div><div class="footer-container"><div class="container-title">Docs</div><a href="/docs/overview/introduction" class="footer-link">Getting started</a><a href="/docs/platforms/overview" class="footer-link">Platforms</a><a href="/docs/guides/cli" class="footer-link">Guides</a></div><div class="footer-container"><div class="container-title">Community</div><a href="https://github.com/flexn-io/renative/discussions" class="footer-link">Project Chat</a><a href="https://twitter.com/renative" class="footer-link">X (Twitter)</a><a href="https://github.com/flexn-io/renative/graphs/contributors" class="footer-link">Contributors</a></div><div class="footer-container"><div class="container-title">About Flexn</div><a href="https://www.flexn.io/" class="footer-link" target="_blank">Website<img src="/img/link.svg"></a><a href="https://github.com/flexn-io" class="footer-link" target="_blank">Github<img src="/img/link.svg"></a><a href="https://twitter.com/flexn_io" class="footer-link" target="_blank">X (Twitter)<img src="/img/link.svg"></a></div><div class="footer-container"><div class="theme-modes"><div class="theme-mode theme-mode-active"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 22" class="theme-mode-img"><path d="m5.169 15.583-.651.651a.916.916 0 0 0 0 1.293.917.917 0 0 0 1.292 0l.651-.651a.917.917 0 0 0-1.292-1.293M4.582 11a.917.917 0 0 0-.917-.917H2.75a.917.917 0 0 0 0 1.834h.916A.917.917 0 0 0 4.582 11m6.417-6.417a.917.917 0 0 0 .916-.916V2.75a.917.917 0 0 0-1.833 0v.917a.917.917 0 0 0 .917.916m-5.83 1.88a.917.917 0 0 0 1.292 0 .917.917 0 0 0 0-1.293l-.65-.65a.917.917 0 0 0-1.293 1.292zm11 .265a.92.92 0 0 0 .641-.265l.651-.651a.916.916 0 1 0-1.292-1.293l-.587.651a.917.917 0 0 0 0 1.293c.162.16.377.255.605.265zm3.08 3.355h-.917a.917.917 0 0 0 0 1.834h.917a.917.917 0 0 0 0-1.834m-8.25 7.334a.917.917 0 0 0-.917.916v.917a.917.917 0 0 0 1.833 0v-.917a.917.917 0 0 0-.916-.916m5.83-1.834a.917.917 0 0 0-1.247 1.247l.65.65a.916.916 0 0 0 1.293 0 .917.917 0 0 0 0-1.292zm-5.83-9.625A5.042 5.
14042 0 1 0 16.04 11 5.05 5.05 0 0 0 11 5.958m0 8.25a3.208 3.208 0 1 1 0-6.416 3.208 3.208 0 0 1 0 6.416"></path></svg></div><div class="theme-mode"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 22" class="theme-mode-img"><path d="M18.933 11.804a.82.82 0 0 0-.863-.115 6.6 6.6 0 0 1-2.772.6 6.704 6.704 0 0 1-6.696-6.663 7 7 0 0 1 .205-1.645.823.823 0 0 0-1.094-.93 8.341 8.341 0 1 0 11.517 9.617.82.82 0 0 0-.297-.864m-7.814 5.503A6.695 6.695 0 0 1 6.957 5.404v.222a8.35 8.35 0 0 0 10.068 8.16 6.67 6.67 0 0 1-5.906 3.554z"></path></svg></div></div></div></div></div></div>
15</body>
16</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.