*** Update November 2024 ***

Option 1

Initialize the project with npx create-expo-app@latest or npx create-expo-app@latest --template blank-typescript

Option 2

Use the template with one command npx create-expo-app -t expo-ts.

For more info please read the Starting React Native Project in 2025 article.

*** Update January 2024 ***

Option 1

  1. Initialize the project with npx create-expo-app command.
  2. Create a tsconfig.json in your project root with touch tsconfig.json.
  3. Rename App.js to App.tsx with mv App.js App.tsx.
  4. Run yarn start or npm run start. It will prompt you to install the required dependencies (typescript, @types/react, @types/react-native), and automatically configure your tsconfig.json.
  5. Switch to the "bare" workflow with npx expo eject command.

For more info see the docs on Expo Typescript support.

Option 2

Initialize the project with npx react-native init MyApp --template react-native-template-typescript command.

For more info see the docs on React Native Typescript support.

Option 3

Use the template with one command npx create-expo-app -t expo-ts.

For more info please read Starting React Native Project in 2024 article.

*** Original Answer February 2022 ***

Option 1

  1. Initialize the project with expo init command and choose minimal as a template. Or use this command: expo init --template bare-minimum --name <your-app-name>.
  2. Create a tsconfig.json in your project root: touch tsconfig.json.
  3. Rename App.js to App.tsx: mv App.js App.tsx.
  4. Run expo start. It will prompt you to install the required dependencies (typescript, @types/react, @types/react-native), and automatically configure your tsconfig.json.

For more info see the docs on Expo Typescript support.

Option 2

Use the template with one command expo init --template @vladimir-vovk/expo-bare-typescript.

For more info please read Starting React Native Project in 2022 article.

!! Unfortunately, expo-template-bare-typescript package is outdated. It will install Expo 41.

Answer from Vladimir Vovk on Stack Overflow
🌐
Expo Documentation
docs.expo.dev › guides › typescript
Using TypeScript - Expo Documentation
For example, start with the root ... can use the .ts file extension. ... Alternatively, run npx expo start command to install typescript and @types/react dev dependencies....
Top answer
1 of 3
22

*** Update November 2024 ***

Option 1

Initialize the project with npx create-expo-app@latest or npx create-expo-app@latest --template blank-typescript

Option 2

Use the template with one command npx create-expo-app -t expo-ts.

For more info please read the Starting React Native Project in 2025 article.

*** Update January 2024 ***

Option 1

  1. Initialize the project with npx create-expo-app command.
  2. Create a tsconfig.json in your project root with touch tsconfig.json.
  3. Rename App.js to App.tsx with mv App.js App.tsx.
  4. Run yarn start or npm run start. It will prompt you to install the required dependencies (typescript, @types/react, @types/react-native), and automatically configure your tsconfig.json.
  5. Switch to the "bare" workflow with npx expo eject command.

For more info see the docs on Expo Typescript support.

Option 2

Initialize the project with npx react-native init MyApp --template react-native-template-typescript command.

For more info see the docs on React Native Typescript support.

Option 3

Use the template with one command npx create-expo-app -t expo-ts.

For more info please read Starting React Native Project in 2024 article.

*** Original Answer February 2022 ***

Option 1

  1. Initialize the project with expo init command and choose minimal as a template. Or use this command: expo init --template bare-minimum --name <your-app-name>.
  2. Create a tsconfig.json in your project root: touch tsconfig.json.
  3. Rename App.js to App.tsx: mv App.js App.tsx.
  4. Run expo start. It will prompt you to install the required dependencies (typescript, @types/react, @types/react-native), and automatically configure your tsconfig.json.

For more info see the docs on Expo Typescript support.

Option 2

Use the template with one command expo init --template @vladimir-vovk/expo-bare-typescript.

For more info please read Starting React Native Project in 2022 article.

!! Unfortunately, expo-template-bare-typescript package is outdated. It will install Expo 41.

2 of 3
5

+ 4.62.0: there is no longer the option to create a Bare Workflow project with Typescript already configured.

So:

  1. run: expo init nome-do-seu-app
  2. Choose: Bare Workflow -> Minimal
  3. Create a tsconfig.json in your project root
  4. Run expo start. It will prompt you to install the required dependencies (typescript, @types/react, @types/react-native), and automatically configure your tsconfig.json.

  1. Open the tsconfig.json and add "strict": true

  1. Rename App.js to App.tsx: mv App.js App.tsx.

Finish

Now your project Bare Workflow is with Typescript configured!

🌐
DEV Community
dev.to › serifcolakel › setting-up-expo-with-styled-components-and-typescript-2h82
Setting Up Expo with Styled Components and TypeScript - DEV Community
December 29, 2024 - npx create-expo-app styled-setup --template # Choose template: ➟ Blank (TypeScript) Install the required dependencies for styled-components: # Install styled-components npm install styled-components # Install type definitions for styled-components npm install @types/styled-components-react-native --save-dev · Organize your project with the following structure: ├── app/ # Expo Router app directory │ ├── (tabs)/ # Tab navigation │ │ ├── index.tsx # First tab screen │ │ ├── two.tsx # Second tab screen │ │ └── _layout.tsx # Tab layout configuration │
🌐
React Native School
reactnativeschool.com › expo-template-with-typescript-navigation-and-testing
Expo Template with TypeScript, Navigation, and Testing
Looking for a lightweight Expo template that is TypeScript based and includes, navigation, testing, code formatting, and a defined project structure? Well, here you go! expo init --template @react-native-school/expo-typescript-template
🌐
Medium
codegenitor.medium.com › setting-up-expo-react-native-app-with-typescript-and-testing-af4d899a5875
Setting Up Expo React Native App: A Step-by-Step Guide | by CodeGenitor | Medium
April 28, 2024 - npx expo init . When prompted, choose the “blank” template and select TypeScript as the language. This will create a new Expo project with the necessary configuration files. 54 followers · ·15 following · Software developer passionate ...
🌐
npm
npmjs.com › package › @echobind › expo-typescript
@echobind/expo-typescript - npm
Start using @echobind/expo-typescript in your project by running `npm i @echobind/expo-typescript`. There are no other projects in the npm registry using @echobind/expo-typescript.
      » npm install @echobind/expo-typescript
    
Published   Aug 22, 2022
Version   2.0.1
Author   Echobind
🌐
Exposition
blog.expo.dev › building-a-react-native-app-using-expo-and-typescript-part-1-a81b6970bb82
Building a React Native App using Expo and Typescript (Part 1) | by Bharat Tiwari | Exposition
February 5, 2023 - Scan the QR code above using your Expo Client (with version 26.0.0, Expo had to discontinue the QR scan feature on iPhone, you can still scan the QR code from iPhone’s camera and it will prompt you to open it using Expo app). Our app should now open on your phone: ... We’ll also need rimraf and concurrently to clean the output folder for ts-transpiled-to-js files and concurrently running npm scripts: ... For writing Jest unit tests in typescript we will need ts-jest.
🌐
GitHub
github.com › kacgrzes › expo-typescript-template
kacgrzes/expo-typescript-template
It takes full advantage of Expo for building React Native applications, Bun for fast JavaScript runtime, Biome for code linting and formatting, TypeScript for type-safe JavaScript, Husky for Git hooks, and Turborepo to run and build the monorepo with good efficiency.
Starred by 49 users
Forked by 16 users
Languages   TypeScript
Find elsewhere
🌐
GitConnected
levelup.gitconnected.com › creating-a-minimal-expo-react-native-project-with-typescript-and-jest-5979ab8d7c15
Creating a Minimal Expo React Native Project with TypeScript and Jest | by Daishi Kato | Level Up Coding
May 24, 2019 - ... Note: I prefer using npx and I use npx in my project, but expo-cli depends on @expo/dev-tools which depends on old graphql. It’s just safer to do global install unless you know the issues that could arise. First, simply use the Expo CLI to initialize ...
🌐
GitHub
github.com › takanome-dev › expo-typescript-template
GitHub - takanome-dev/expo-typescript-template: An expo template with TypeScript and some neccessary deps to build a react native app.
This is a typescript template for expo. It includes all the necessary stuff to start working with expo framework.
Author   takanome-dev
🌐
Expo Documentation
docs.expo.dev › tutorial › create-your-first-app
Create your first app - Expo Documentation
If you are not familiar with them, check out the TypeScript Handbook and React's official tutorial. ... We'll use create-expo-app to initialize a new Expo app. It is a command line tool to create a new React Native project.
🌐
Headway
headway.io › blog › react-native-quick-start-expo-eslint-typescript-and-prettier
React Native Quick Start: Expo, ESLint, Typescript, and Prettier
May 30, 2023 - With the initial project creation out of the way, we still need to resolve some lingering issues. We haven’t set up linting to help reduce bugs or typescript to strongly type our JavaScript or prettier to help with formatting consistency but don’t worry, we will explore that next, and it should be quick!
🌐
npm
npmjs.com › package › @react-native-school › expo-typescript-template
@react-native-school/expo-typescript-template - npm
expo init --template @react-native-school/expo-typescript-template
      » npm install @react-native-school/expo-typescript-template
    
Published   Oct 26, 2021
Version   1.1.0
Author   Spencer Carli
🌐
GitHub
github.com › wainage › React-Native-TypeScript-Expo-CLI
GitHub - wainage/React-Native-TypeScript-Expo-CLI: Create a TypeScript enabled React Native app using Expo CLI v2
$ yarn global add expo-cli $ yarn global add typescript · Step 2: Create new app · $ expo init <newApp> $ cd <newApp> Step 3: Initialize TypeScript and update tsconfig.json · $ tsc --init · tsconfig.json ·
Author   wainage
🌐
GitHub
github.com › mrtnrst › expo-typescript-template
GitHub - mrtnrst/expo-typescript-template: A Expo Typescript Template for React Native
A quick template for using Typescipt and Expo with React Native. NOTE: This template does not support native code. ... You will need to have node installed. ... You will need to run the init script which will install all the necessary items ...
Author   mrtnrst
🌐
npm
npmjs.com › package › expo-template-typescript-jest
expo-template-typescript-jest - npm
expo init --template expo-template-typescript-jest · (It will prompt you to enter a project name) Navigate to the created directory · Start the project: yarn start · Then develop your app, creating files .tsx for React Native components and .ts for plain typescript files.
      » npm install expo-template-typescript-jest
    
Published   Jan 24, 2021
Version   1.0.1
Author   Eduardo Santos
🌐
StackShare
stackshare.io › stackups › expo-vs-typescript
Expo vs TypeScript | What are the differences?
Expo - Build one project that runs natively on all your users' devices. TypeScript - A superset of JavaScript that compiles to clean JavaScript output.