An Warware: Yadda ake shigar da martani na ƙugiya na asali da

Tabbas, ga labarin:

React Native wata sabuwar fasaha ce, wacce Facebook ke ba da ƙarfi, wacce ke ba masu haɓakawa damar gina ƙa'idodin wayar hannu ta amfani da JavaScript yayin da suke isar da ainihin mahallin mai amfani na asali. Ana samun wannan ta hanyar haɗa abubuwan asali na asali waɗanda JavaScript ke sarrafawa. Babban fasali ɗaya shine amfani da abubuwan aiki akan abubuwan tushen aji ta hanyar React Native Hooks, ƙari mai ƙarfi ga React.

React Native Hooks na iya sa lambar lambar ku ta zama ƙarami, mafi sauƙi, da sauƙin fahimta. Wannan labarin zai jagorance ku akan yadda ake girka da aiwatar da React Native Hooks a cikin aikace-aikacenku.

Shigar da React Native Hooks

Don fara amfani da Hooks, kuna buƙatar takamaiman sigar React da React Native. Ya kamata sigar amsa ta zama 16.8 ko kuma daga baya, kuma React Native version yakamata ya zama 0.59 ko fiye na baya.

npm install react@^16.8.3 react-native@^0.59.8 --save

Umurnin da ke sama zai shigar da sigogin React da React da ake buƙata kuma ya adana su azaman abin dogaro a cikin aikin ku.

Gabatar da ƙugiya a cikin React Native Project

React Native Hooks ayyuka ne da ke ba ku damar amfani da jihar da sauran fasalulluka na React ba tare da rubuta aji ba. An ƙara su a cikin React 16.8 version. Bari mu ga yadda za a iya haɗa su cikin aikin React Native.

import React, { useState } from 'react';
import { Button, Text, View } from 'react-native';

const App = () => {
  const [count, setCount] = useState(0);

  return (
    <View>
      <Text>You clicked {count} times</Text>
      <Button onPress={() => setCount(count + 1)} title="Click me!" />
    </View>
  );
}
export default App;

amfani da Jihar ƙugiya ne wanda ke ƙara yanayin React zuwa kayan aikin ku. A cikin misalin da ke sama, muna fara sabon canjin yanayi da ake kira ƙirga.

Binciko Wasu Shahararrun Kugiyoyin

React Native yana ba da ɗimbin ƙugiya kamar useState, useEffect, useContext, useReducer, da amfani da kiran waya. Bari mu bincika amfani da amfaniEffect anan, wanda ke sarrafa illolin a cikin abubuwan da ke aiki.

import React, { useState, useEffect } from 'react';
import { Text, View } from 'react-native';

const App = () => {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = `You clicked ${count} times`;
  });

  return (
    <View>
      <Text>You clicked {count} times</Text>
      <Button onPress={() => setCount(count + 1)} title="Click me!" />
    </View>
  );
}
export default App;

amfaniEffect yana yin aiki iri ɗaya kamar bangarenDidMount, componentsDidUpdate, da bangaren Zasu Unmount a cikin azuzuwan React, amma an haɗa su zuwa API guda ɗaya. Yana aiki bayan duk ayyukan.

React Native Hooks zai iya sauƙaƙa lambar ku kuma ya sauƙaƙa don sarrafa jihohi da illolin illa, wanda zai iya haifar da ƙarin madaidaiciyar lamba da aikace-aikacen da suka fi sauƙi don kiyayewa da cirewa.