React (webrammeverk)

Fra Wikipedia, den frie encyklopedi
Hopp til navigering Hopp til søk
React
React
UtviklerFacebook, Inc., Jordan Walke
Utgitt29. mai 2013
Nyeste versjon16.12.0 (15. november 2019)
Operativsystemmultiplattform
Skrevet iJavaScript
LisensMIT-lisensen
Nettstedhttps://reactjs.org/

React (også kjent som React.js eller ReactJS) er et JavaScript bibliotek[1] for å lage/bygge brukergrensesnitt. Det vedlikeholdes av Facebook og et fellesskap av ulike utviklere og selskaper.[2][3][4]

React kan brukes som et utgangspunkt i utviklingen av enkelt-side (engelsk single-page) eller mobil applikasjon, da det er optimalisert for å raskt hente skiftende data som må registreres. Henting av data er imidlertid bare begynnelsen på det som skjer på en nettside, og det er grunnen til at komplekse React-applikasjoner vanligvis krever bruk av ekstra biblioteker for tilstandsstyring, ruting og interaksjon med et API.[5][6] Redux[7], React Router[8] og axios[9] er eksempler på slike biblioteker.

Grunnleggende bruk[rediger | rediger kilde]

Følgende er et rudimentært eksempel på React-bruk i HTML med JSX og JavaScript.

<div id="myReactApp"></div>

<script type="text/babel">
  class Greeter extends React.Component { 
    render() { 
      return <h1>{this.props.greeting}</h1>
    } 
  } 

  ReactDOM.render(<Greeter greeting="Hello World!" />, document.getElementById('myReactApp'));
</script>

Greeter-klassen er en React-komponent som godtar en egenskap greeting. ReactDOM.render-metoden skaper en forekomst av Greeter-komponeneten, setter greeting-forekomsten til 'Hello World' og setter inn den gjengitte komponenten som et barnelement i DOM-elementet med ID myReactApp.

Når det vises i en nettleser blir resultatet

<div id="myReactApp">
  <h1>Hello World!</h1>
</div>

Referanser[rediger | rediger kilde]

Eksterne lenker[rediger | rediger kilde]