*** 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 โ”‚
๐ŸŒ
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.
๐ŸŒ
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
๐ŸŒ
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.
๐ŸŒ
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 ...
๐ŸŒ
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
Find elsewhere
๐ŸŒ
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!
๐ŸŒ
YouTube
youtube.com โ€บ tothepointcode
How to Setup An Expo React Native App with TypeScript - YouTube
How to create an expo react native app with typescript using expo-cli.GET SOURCE CODE ๐Ÿ“€โฌ‡๏ธ๐Ÿ”ด Get Project Source Code - https://bit.ly/new-expo-ts๐Ÿ”ด All Other...
Published ย  May 25, 2022
Views ย  13K
๐ŸŒ
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 โ€บ 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
๐ŸŒ
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 โ€บ 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
๐ŸŒ
Reddit
reddit.com โ€บ r/developersindia โ€บ can i set-up my expo project without typescript ?
can i set-up my expo project without typescript ? : r/developersIndia
March 30, 2024 - Typescript is preloaded by default when creating a react native project, you can use javascript after creating a project.