Skip to content

This repository serves as a comprehensive learning platform for exploring React Native, designed to provide hands-on experience through progressive skill-building workshops and practical tasks.

Notifications You must be signed in to change notification settings

manelk/react-native-expo-workshop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 Description

  • This repository serves as a comprehensive learning guide for exploring React Native, designed to provide hands-on experience through progressive tasks.
  • Each branch represents a unique learning milestone, enabling you to incrementally develop your mobile application development skills.

✅ Workshop Tasks

  • Task 1: Display the given woofPostsData inside a FlatList
  • Task 2: Create component WoofPost and use it inside HomeScreen
  • Task 3: Use StyleSheet inside the component WoofPost
  • Task 4: Create a folder named data in your project directory and move the woofPostsData file into it.
  • Task 5: Create a SignIn Screen
  • Task 6: Create Tab navigation inside the app
  • Assignment Branch

🎯 Learning Objectives

  • Understand React Native fundamental concepts
  • Build cross-platform mobile applications
  • Implement efficient mobile UI/UX designs
  • Manage application state

☞ Key Concepts Covered

  • Core components: FlatList, SafeAreaView
  • Inline style and StyleSheet
  • Props and useState Hook
  • Navigation and Bottom Tab

🎯 Screenshots

Home Screen SignIn Screen

About

This repository serves as a comprehensive learning platform for exploring React Native, designed to provide hands-on experience through progressive skill-building workshops and practical tasks.

Topics

Resources

Stars

Watchers

Forks