Design Systems Assignment

Table of Contents:

• Installing React Native
• Project Installation
• Running
• Source Code Location and Structure
• Testing

Installing React Native

See: https://reactnative.dev/docs/environment-setup

Project Installation

1. Install 3rd party packages with yarn
2. Install pods with pod install (in ios folder)

Running

1. yarn start
2. Run on iOS Simulator with i (preferred)

Source Code Location and Structure

All relevant code for React Native can be found under src folder. This folder is referenced with namespace @ds.

Design System Components and other components can be found under src/components folder.

All the styling for related screen or component are applied in the .tsx file itself.

Testing

TypeScript compiler and checking is executed with yarn tsc.

Actual tests are located in ___tests___ folder. Tests are executed with yarn test.