Create a new App
Let’s create a new React Native project with Obytes starter.
First make sure you have the following tools installed on your machine:
- React Native dev environment
- Node.js LTS release
- Watchman, required only for macOS or Linux users
- VS Code Editor
Initializing a new project
First make sure you have
pnpm installed on your machine, if not you can install it using the following command:
Start your project using
The command will create an expo app named
MyApp and install all the dependencies added by the starter.
Open Project on VS Code
VS code is the recommended editor for this starter, The starter comes with a list of recommended extensions, settings and project snippets that we think will improve your coding experience.
Open the project on VS Code using the following command:
When you open the project on VS Code you will see a popup asking you to install the recommended extensions, The easy way is to install all recommended extensions by clicking on
Install All button.
To ensure that your code is properly validated and formatted, we highly recommend installing all of the recommended extensions. However, if you’re hesitant to install them all, we suggest at least installing the following extensions, as they are essential to our code validation and formatting on file save:
Here is the complete list of recommended extensions:
- tailwindcss IntelliSense
- Auto Rename Tag
- Auto close tag
- Code spell checker
- Import Cost
- Cobalt 2 theme
- Turbo console log
- i18n Ally
- Github copilot
- Pretty TypeScript Errors
Running the app
If the installation was successful, the created app should be ready to use, and because we are using the expo custom dev client, you may launch the app on your simulator or device by running the following command: