Setting Up Development Environment and Creating The Game — Memory Game

In this article, I will talk about the development environment. How can we install requirements and software tools?

Requirements

• Node.js LTS release
• Git
• Watchman for macOS or Linux users

Installing Expo CLI and Expo Go App

Expo CLI: It is a command-line app that provides a connection between a developer and Expo tools. We need to use the below command to install it.

npm install --global expo-cli

Then You can check it whether is installed via the command. It will return the version number of the Expo CLI.

expo --version

Expo Go App: While developing the game, it makes running easier on your iOS or Android devices. You can install it on Android Play Store or iOS App Store

• Android Play Store — Android Lollipop (5) and greater.
• iOS App Store — iOS 11 and greater.

Creating The Game

In the game, we will use NativeBase which is one of the best-used UI libraries for React Native.

• Creating the game with the NativeBase template.

expo init memory-game --template @native-base/expo-template

• Creating the game without the NativeBase template.

First of all, we need to create Expo Based React Native project

expo init memory-game
cd memory-game/

Then, we need to install the NativeBase package via npm

npm install native-base

Then, we need to install react-native-svg and react-native-safe-area-context packages via Expo CLI

expo install react-native-svg
expo install react-native-safe-area-context

Then, to use NativeBase components, we need to change the App.js file with the below code.

Finally, the project is running

Resources:

• https://docs.expo.dev/get-started/installation/
• https://docs.nativebase.io/install-expo