Riješeno: Kako instalirati react izvorne kuke s

Svakako, evo članka:

React Native je inovativna tehnologija, koju pokreće Facebook, koja razvojnim programerima omogućuje izradu mobilnih aplikacija pomoću JavaScripta, a istovremeno isporučuje pravo izvorno korisničko sučelje. To se postiže ugradnjom izvornih komponenti koje kontrolira JavaScript. Jedna značajna značajka je korištenje funkcionalnih komponenti umjesto komponenti temeljenih na klasi kroz React Native Hooks, snažan dodatak Reactu.

React Native Hooks može vašu bazu koda učiniti manjom, jednostavnijom i lakšom za razumijevanje. Ovaj će vas članak uputiti kako instalirati i implementirati React Native Hooks u svoju aplikaciju.

Instalacija React Native kukica

Da biste počeli koristiti Hooks, potrebna vam je određena verzija Reacta i React Nativea. Verzija Reacta trebala bi biti 16.8 ili novija, a React Native verzija trebala bi biti 0.59 ili novija.

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

Gornja naredba će instalirati potrebne React i React Native verzije i spremiti ih kao ovisnosti u vašem projektu.

Predstavljamo kuke u React Native Project

React Native Hooks su funkcije koje vam omogućuju korištenje stanja i drugih React značajki bez pisanja klase. Dodani su u React 16.8 verziji. Pogledajmo kako se mogu ugraditi u vaš React Native projekt.

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;

useState je Hook koji dodaje React stanje vašim funkcionalnim komponentama. U gornjem primjeru inicijaliziramo novu varijablu stanja koja se zove count.

Istraživanje drugih popularnih udica

React Native nudi mnoštvo kuka kao što su useState, useEffect, useContext, useReducer i useCallback. Istražimo ovdje upotrebu useEffecta, koji upravlja nuspojavama u funkcionalnim komponentama.

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;

useEffect služi istoj svrsi kao componentDidMount, componentDidUpdate i componentWillUnmount u React klasama, ali objedinjen u jedan API. Pokreće se nakon svakog renderiranja.

React Native Hooks može pojednostaviti vaš kod i olakšati upravljanje stanjem i nuspojavama, što može dovesti do jednostavnijeg koda i aplikacija koje je jednostavnije održavati i otklanjati pogreške.

Povezani postovi:

Ostavite komentar