yarliganfatih/react-native-cop4468-project

My first React Native Project

React Native Project

Demo : https://snack.expo.dev/@yarliganfatih/github.com-yarliganfatih-react-native-cop4468-project

react-native-cop4468-project's Issues

Pages To Do 2

Pages ToDo – 2

Comment List Page

It is the page that will open when any posts ( previous project) line from the above list is clicked.

API Endpoint: https://jsonplaceholder.typicode.com/posts/1/comments

Album List Page

It is the page where users will be listed with FlatList. “Title” field will be in the list.

API Endpoint: https://jsonplaceholder.typicode.com/albums

Photo List Page

It is the page that will open when any albums line from the above list is clicked.

API Endpoint: https://jsonplaceholder.typicode.com/photos

ToDo List Page

It is the page where users will be listed with FlatList. “Title” field will be in the list.

API Endpoint: https://jsonplaceholder.typicode.com/todos

call API & Postman usage

You get a json data by calling api. then you can process this data with JSON.parse() and use it as an array in javascript.

You can easily output code for many languages using Postman.

Postman Workspace Invite Link

https://app.getpostman.com/join-team?invite_code=43184e01c9053ba520c74a2f13bc5a56&target_code=b8ab82e02f417a449b0295b1f7be8944

render problem after call API

• async function with await when call API
• assign response to global variable
• Component->View relation (with props)
• render function in component for after call API

Pages To Do

Pages To Do

User List Page

It is the page where users will be listed with FlatList. User’s name and surname field will be in the list.
API end point: https://jsonplaceholder.typicode.com/users

User Detail Page

It is the page that will open when the user clicks on any user line from the list above.The id will come from the list on this detail page, and according to the incoming id, a request will be sent to the API and the user's detail information will be retrieved.
API end point: https://jsonplaceholder.typicode.com/users/5

Post List Page

This is the page where the posts will be listed. Only the first 20 posts will be listed on this page. It is sufficient for the title field of the posts to appear.
API end point: https://jsonplaceholder.typicode.com/posts

Post Detail Page

It is the page that will open when any post line from the above list is clicked. The id will come from the list on this detail page, and according to the incoming id, a request will be sent to the API and the post's detail information will be retrieved.
API end point: https://jsonplaceholder.typicode.com/posts/5

Things To Do

• The project will be shared on github.
• A simple design will be made with flex on at least one page.
• There must be at least 5 commits at different times during the project development phase. (Everybody has to 2-3 commit.)
• The project can be developed in the expo environment, on the browser ( https://snack.expo.dev/ ) or over the react native cli.

Document

ProjectDetail.pdf

React Router & Navigation

import { NativeRouter, Route, Link } from "react-router-native";

https://v5.reactrouter.com/native/guides/quick-start