Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kaloa2025/artzap
An ReactNative app which is best place to explore artworks from artists.
https://github.com/kaloa2025/artzap
Last synced: about 12 hours ago
JSON representation
An ReactNative app which is best place to explore artworks from artists.
- Host: GitHub
- URL: https://github.com/kaloa2025/artzap
- Owner: kaloa2025
- Created: 2024-04-30T17:01:12.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-04-30T17:06:10.000Z (7 months ago)
- Last Synced: 2024-04-30T18:25:56.354Z (7 months ago)
- Language: JavaScript
- Size: 11.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
1) npx create-expo-app BestBuy
2) add dependencies
3) creates files# API : Application Programming ( Interface : contact of service b/w applications )
" components communicating with each other with req(uests),res(ponses) "
[ client : request sender, server : response sender ]
[ Private APIs : organizations within, Public APIs : available for service ]
- SOAP API : simple object access protocol ; XML for message exchange
- RPC APIs : Remote Procedure Call ; client completes a function on server and server sends o/p back to client
- Websocket APIs : modern web API development ; JSON objects to pass data
- REST APIs : Representational State Transfer
x--- Components of API ---x
API client -> API Request
1. Endpoint : reuest directed to Endpoint, dedicated URL providing acess to resources
2. Method : HTTP methods : GET,POST,PUT,DELETE
3. Parameters : more context or filter results
4. Request Headers : additional info about req/res : provides metadata(authentication)
5. Request Body : actual data
x--- Examples of API ---x# React Hooks
->useState(),useEffect(),useContext(),useReducer()
:useState -> holds data,
const[field,changefiled]=useState('initial Value');
int,String,array
->useEffect() -> shows data acc to condition
->useLayout() -> before effect, set roles with alignments# ReactNative
-> Button,Switch,ScrollView,View
View-Bridge-Android
import{Platform} form 'react-native' : allows platform
StyleSheet-StyleProp
Features-> Camera,location npm install react-native-webview# Expo
npx create-expo-app
npm run platform
expo go
app Dir - file system routing
navigation stak /
expo-camera,map
continuous native generation
npx expo export -p web
cross platform devekopment-> change ip in
ProductCardView
bookFetch
useFetch
Search