Skip to content

Commit

Permalink
[docs] Update Bare overview page (expo#23859)
Browse files Browse the repository at this point in the history
  • Loading branch information
amandeepmittal authored Aug 8, 2023
1 parent e1f2582 commit dfd2837
Showing 1 changed file with 31 additions and 18 deletions.
49 changes: 31 additions & 18 deletions docs/pages/bare/overview.mdx
Original file line number Diff line number Diff line change
@@ -1,24 +1,31 @@
---
title: Overview
hideTOC: true
description: An overview of bare React Native app with Expo tools.
description: An overview of bare React Native apps with Expo tools.
---

import { BoxLink } from '~/ui/components/BoxLink';
import { Terminal } from '~/ui/components/Snippet';
import { DEMI, CODE } from '~/ui/components/Text';

A bare React Native app is a project where developers make direct changes to their native **android** and **ios** project directories rather than continuously generating them on demand using the [app config (**app.json**) and prebuild](/workflow/prebuild). All tools and services offered by Expo including [EAS](/eas), Expo CLI, and the libraries in the Expo SDK, are built around bare React Native apps.
A bare React Native app is a project where developers make direct changes to their native **android** and **ios** project directories rather than continuously generating them on demand using [app config](/workflow/configuration/) and [prebuild](/workflow/prebuild). All tools and services offered by Expo including [EAS](/eas), Expo CLI, and the libraries in the Expo SDK, are built around bare React Native apps.

Before you get started with a React Native app, make sure you set up your environment for [React Native CLI](https://reactnative.dev/docs/environment-setup).
## Prerequisites

To bootstrap a new React Native project, you can use `create-expo-app`. If you have an existing project or want to bootstrap with `npx react-native init`, then you will need to [install the `expo` package](/bare/installing-expo-modules) manually.
Before you get started with a React Native app, make sure you have set up your developer environment from [React Native](https://reactnative.dev/docs/environment-setup).

## Get started

To bootstrap a new React Native project, use `create-expo-app` and run the following command:

<Terminal
cmd={['# Create a new native project', '$ npx create-expo-app --template bare-minimum']}
cmd={['# Create a new bare project', '$ npx create-expo-app --template bare-minimum']}
cmdCopy="npx create-expo-app --template bare-minimum"
/>

Navigate into your project directory, then build the apps locally:
> If you have an existing project or want to bootstrap with `npx react-native init`, then you need to [install the `expo` package](/bare/installing-expo-modules) manually.
Navigate into your project directory, and run the following commands to build the app locally for each platform:

<Terminal
cmd={[
Expand All @@ -30,32 +37,38 @@ Navigate into your project directory, then build the apps locally:
]}
/>

> Learn more about [compiling native apps](/more/expo-cli#compiling).
> Learn more about [compiling native apps](/more/expo-cli/#compiling).
## Next
## Next steps

<BoxLink
title="Install Expo modules"
description="If you have already initialized a React Native app without `create-expo-app`, learn how to install the Expo module library."
description={
<>
If you have already initialized a React Native app without <CODE>create-expo-app</CODE>, learn
how to install the Expo module library.
</>
}
href="/bare/installing-expo-modules"
/>
<BoxLink
title="Installing libraries"
title="Install libraries"
description="Learn how to install and configure native libraries."
href="/workflow/using-libraries#installing-a-third-party-library"
/>
<BoxLink title="Use Expo SDK" description="Start adding features to your app." href="/versions/" />
<BoxLink
title="Using the Expo SDK"
description="Start adding features to your app."
href="/versions/"
/>
<BoxLink
title="Adopting Prebuild"
description="Automate your native directories using the app.json."
title="Adopt Prebuild"
description={
<>
Automate your native directories using the <DEMI>app.json</DEMI>.
</>
}
href="/guides/adopting-prebuild"
/>
<BoxLink
title="Distributing your app"
description="Build and submit your app to the app store with a single command!"
title="App distribution"
description="Build and submit your app to the app store with a single command."
href="/distribution/introduction"
/>

0 comments on commit dfd2837

Please sign in to comment.