This document summarizes a group project to convert React components to React Native. It includes a flow chart showing an App.js file calling a CountFunctional component and updating a count on button press. Code snippets show a functional component using useState and a class component. Stylesheets and native components like View, Text, and Button are used. The features used include useState, React Native Stylesheets, View, Text, and Button.

1. Group 2
3rd Evaluation
1. Mohammad Azril bin Ahmad Tarmidzi
2. Nurul Farzana binti Mohd Nezri
3. Cheng Han Meng
4. Mohamad Noor Shawal Bin Mohamad

2. Convert previous react components to react
native using stylesheets and native components.

3. Flow Chart for React native
App.js calls
CountFunctional
component
Listen for onPress()
event
Set count = count
+1
Initialize
CountFunctional
component
Render the
CountFunctional
component in
App.js

4. Code for Functional Component

5. Output for Functional Component

6. Code for Class Component

7. Output for Class Component

8. Features used
● useState - Hook allows to track state in functional component.
● React Native Stylesheet - using compose method (Stylesheet.create API).
● View - container that supports layout.
● Text - displaying text.
● Button - a basic button component.