REACT NATIVE TUTORIAL

Build your first mobile application

What will you learn?

- Setting up a project
- Rendering Components (Texts, Views, Images)
- Creating Custom Components
- Using Props
- Rendering Scrollable Lists

Who am I

- Full stack developer for >7yrs

- CTO @Fitenium
- ex Amazon Intern
- Passionate about coding and building
impactful startups.

 Prerequisites

1. Expo CLI
2. Expo client app for iOS and Android
3. Assets: http://assets.notjust.dev/tesla

Docs: https://docs.expo.io/get-started/installation/

Let’s get started

Initialise the expo project:

$ expo init TeslaClone

Open TeslaClone in your editor of choice
Then, start the project:

$ yarn start

Car Item Component

1. Render the text (Model, etc.)

2. Render the Background Image
3. Create a separate component for CarItem

Button Component

1. Create a separate component

2. Receive props
3. Style The button based on ‘type’ prop

Finish Car Item Component

1. Use buttons
2. Implement props

Render a scrollable list of Cars

1. Use the dummy data

2. Render the FlatList
3. Setup Snap to view

Render the header of the app

DEMO
Q&A