Skip to content

An intuitive and fun project that helps you understand a little bit about Expo Router and React Hooks (useState, useEffect) by showing you three ways of getting and displaying data.

License

Notifications You must be signed in to change notification settings

githubworkflow-staticpackager-qa/Random-Generator-React-Nativenew

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Random-Generator-React-Native

A intuitive and fun project that helps you understand a little bit about React Router and React Hooks (useState, useEffect) by showing you three ways of getting and displaying data.

  1. Online API (Unsplash API)
  2. Local JSON file (cityData.json)
  3. GitHub Page (My GitHub image storage)

Unsplash API Random City Gidle

How to run this project locally

Fork my repo and give it a shot!

cd Random-Generator
npm install
npx expo start

Expo with router

npx create-expo-app@latest --template tabs@50
cd Random-Generator
npx expo start

useState and useEffect, react hook

If you don't use a state variable to hold the image URL, the image won't be able to dynamically change based on user interaction or any other events. Instead, the image will be static and remain the same throughout the component's lifecycle.

go to https://unsplash.com/developers to request FREE API

About

An intuitive and fun project that helps you understand a little bit about Expo Router and React Hooks (useState, useEffect) by showing you three ways of getting and displaying data.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 98.2%
  • JavaScript 1.8%