NEW
Font size
WorksheetsKomputer materi 4
Total questions: 20
Worksheet time: 10mins
Apa fungsi utama dari sebuah component dalam React Native?
Mengelola routing dalam aplikasi
Menampilkan component yang dapat digunakan kembali
Menghubungkan database dengan aplikasi
Menjalankan perintah terminal
Bagaimana cara membuat functional component di React Native?
class MyComponent extends React.Component {}
const MyComponent = () => { <Text>Hello</Text>};
function Component() { return <div>Hello</div> }
const MyComponent = new Component()
Properti yang digunakan untuk mengirim data ke child component disebut?
state
setState
props
context
Untuk menyimpan state dalam functional component, kita menggunakan?
useState
setState
props
d) this.state
Berikut ini adalah contoh penggunaan state dalam functional component?
const [count, setCount] = useState(0);
Menghapus state
Memperbarui nilai count
Menghapus komponen
Mengambil data dari API
Apa kegunaan utama library twrnc dalam React Native?
Menghubungkan database dengan aplikasi
styling menggunakan sintaks Tailwind
Mengatur navigasi antar halaman
Mengelola state dalam aplikasi
Bagaimana cara menginstal twrnc dalam proyek React Native?
npm install twrnc
npm install tailwindcss
yarn add styled-components
yarn add react-native-tailwind
Mana yang benar dalam penggunaan twrnc untuk styling?
<View style={tw`bg-red-500 p-4`} />
<View twr="bg-red-500 p-4" />
<View tw=`bg-red-500 p-4` />
<View class="bg-red-500 p-4" />
Bagaimana cara meng-import twrnc dalam proyek React Native?
import tw from 'twrnc'
import twr from 'twrnc';
import tw from 'tailwind-react-native'
import tw from 'twrncss';
Hook apa yang digunakan untuk navigasi dalam React Native menggunakan react-navigation?
useState
useEffect
useNavigation
useRouter
Bagaimana cara melakukan navigasi ke halaman "Profile" dengan useNavigation?
const navigation = useNavigation();
navigation.push("Profile")
navigation.navigate("Profile")
navigation.goBack("Profile")
navigation.redirect("Profile")
Apa kegunaan utama dari metode .map() dalam React Native?
Menghapus data dari array
Mengubah setiap elemen array menjadi elemen baru
Mengubah setiap elemen baru menjadi elemen array
Mengubah setiap elemen array menjadi elemen api dan air
Bagaimana cara menampilkan daftar nama dalam React Native menggunakan .map()?
const names = ["Ali", "Budi", "Cici"];
names.forEach(name => <Text>{name}</Text>)
{names.map(name => <Text key={name}>{name}</Text>)}
{names.filter(name => <Text>{name}</Text>)}
Apa yang dimaksud dengan OOP (Object-Oriented Programming) dalam React Native?
Metode styling dalam React Native
Paradigma pemrograman berbasis objek
Teknik untuk mengoptimalkan animasi
Untuk memudahkan programmer menjadi keren
Konsep utama dalam OOP meliputi berikut ini, kecuali?
Enkapsulasi
Polimorfisme
Pewarisan
Perintis
Apa yang terjadi jika kita tidak memberikan key saat menggunakan .map() untuk merender daftar komponen?
Tidak ada efek apa pun
React akan menampilkan error atau warning
Komponen akan otomatis diberi key
Data tidak akan dirender
Bagaimana cara membuat default props dalam functional component?
const Button = ({ text = "Click Me" }) => (
<Text>{text}</Text>
);
Menggunakan defaultProps
Menggunakan this.props
Menggunakan useState
Menggunakan useNavigation
Bagaimana cara mengkustomisasi warna backgroundcolor di twrnc
bg-${color}
bg-&{color}
bg-{color}
bg-@{color}
Apa hasil dari kode berikut?
const numbers = [1, 2, 3]; const doubled = numbers.map(num => num * 2); console.log(doubled);
[2, 4, 6]
[1, 2, 3]
[3, 6, 9]
[1, 4, 9]
Mana contoh yang benar untuk mengirim props dalam React Native?
<Component title="Hello World" />
<Component {title="Hello World"} />
<Component title={'Hello World'} />
<Component props.title="Hello World" />
