Profile picture Marc Andreu
Ai generated. A person sitting in an office setup and working with computers on a desk.

Remove Expo Router from Expo App

Solution to the incompatibility of the Coursera React Native Specialisation capstone project with the latest versions of the Expo framework.

· Article · 1 minutes·

Overview

The issue originates from a discrepancy in the Coursera Capstone project for the React Native Specialisation course and the latest version of the Expo framework.

The problem

In Module One, the lesson “Recap: React Native Project Set Up” instructs the students to create a React Expo app using the command Expo CLI command:

Terminal window
npx create-expo-app MyProject

This command creates a new app with the latest version of Expo. However, recent versions of Expo include the new navigation system with expo-router by default. This setup becomes an issue in Module Two, where the exercises require a project setup without an expo-router. This mismatch leads to confusion and technical difficulties for students as they progress through the capstone project.

The solution

To address this issue, I implemented a Pull Request here to detail all the code changes to remove the expo-router and be able to follow up with the module Two exercises:

This Pull Request provides a fix for the issue by:

  1. Removing the Expo Router plugin and its associated configurations
  2. Implementing React Navigation to replace Expo Router
  3. Modifying app.json to remove Expo Router-related configurations
  4. Adding a new App.js file as the main entry point for the application
  5. Updating project entry and dependencies in the package.json file

Summary

By applying these changes, students can align their projects with the requirements of the Module Two exercises, while starting from the app created in Module One.

This solution not only resolves the immediate issue but also provides students with valuable experience in adapting to changes in development environments - a crucial skill in real-world software development.

Many thanks for reading, please leave a comment if you have any quality hint.

Keep on testing, better!

Share:

More posts

  • A person jumping at the top of a mountain on a sunset landscape.

    The fearless style

    For those struggling to understand what is holding their teams to perform better. This post is a quick philosophical exercise that helps us understand the fundamental impediment that blocks improvement in software development.

  • A photo of a person classifing documents into a paper documents folder.

    Integrating Google Sheets with Astro

    A Simple Form Data Solution to learn and practice how to use Google Sheets as the backend for Astro web applications. For example to store simple forms data like contact forms or Call To Actions.

  • A house on a small island with a sign saying its a hoax

    Software QA Hoax

    The awareness of Software QA was raised in the last decade to a new realm. However, there has been some natural resistance as usual for any new evolutionary movement.