Ero sivun ”React” versioiden välillä
Siirry navigaatioon
Siirry hakuun
Merkkaukset: Mobiilimuokkaus mobiilisivusto-muokkaus |
|||
| (11 välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
| Rivi 1: | Rivi 1: | ||
{{Perustietoa}} | {{Perustietoa}} | ||
{{Kirjasto | |||
| nimi = React (React.js) | |||
| kuva = | |||
| kuvateksti = | |||
| tekijä = Jordan Walke | |||
| kehittäjä = Meta (ent. Facebook) ja avoimen lähdekoodin yhteisö | |||
| ensijulkaisu = 29. toukokuuta 2013 | |||
| vakaaversio = 19.2.0 | |||
| vakaapvm = 1. lokakuuta 2025 | |||
| kehitysversio = | |||
| kehityspvm = | |||
| ohjelmoitu = [[JavaScript]], [[TypeScript]], [[Flow]] | |||
| kirjasto = Käyttöliittymäkirjasto | |||
| lisenssi = [[MIT]] | |||
| kotisivu = [https://react.dev/ react.dev] | |||
| lähdekoodi = [https://github.com/facebook/react github.com/facebook/react] | |||
}} | |||
'''React''' on suosittu [[JavaScript]]-kirjasto käyttöliittymien (UI, User Interface) rakentamiseen. Se on kehitetty Facebookilla (nykyään Meta) ja ylläpidetään nykyisin Metan ja avoimen lähdekoodin kehittäjäyhteisön toimesta. | '''React''' on suosittu [[JavaScript]]-kirjasto käyttöliittymien (UI, User Interface) rakentamiseen. Se on kehitetty Facebookilla (nykyään Meta) ja ylläpidetään nykyisin Metan ja avoimen lähdekoodin kehittäjäyhteisön toimesta. | ||
| Rivi 6: | Rivi 22: | ||
== Käyttökohteet ja vaikutteet == | == Käyttökohteet ja vaikutteet == | ||
* Verkkosovellukset (Web Apps): Reactia käytetään suuriin ja dynaamisiin käyttöliittymiin (esim. Netflix, Airbnb, Facebook). | |||
* Mobiilisovellukset: React Native -kehitysympäristön avulla voidaan rakentaa natiiveja mobiilisovelluksia (iOS ja Android) samalla JavaScript/React-logiikalla. | |||
* Yleinen suosio: Se on tällä hetkellä yksi maailman suosituimmista ja laajimmin käytetyistä käyttöliittymäkirjastoista. | |||
* Virtuaali-DOM (Virtual DOM): React ei manipuloi suoraan selainten käyttämää oikeaa DOM-puuta. Sen sijaan se luo muistiin kevyen kopion, eli Virtuaali-DOMin. Kun data muuttuu, React vertailee (diffaa) uutta Virtuaali-DOMia vanhaan, ja päivittää oikeaan DOMiin vain ne solmut, jotka ovat muuttuneet. Tämä prosessi tekee päivityksistä erittäin nopeita ja tehokkaita. | |||
Useimmiten tekoälyn luomat käyttöliittymäohjelmat ovat React-ohjelmia tai ainakin ne tuottavat Reactin (tai vastaavan kirjaston) ymmärtämää koodia. | |||
== Tekoäly on koodin generaattori == | |||
* Tekoäly (erityisesti suuret kielimallit, kuten [[GPT-4]] tai siihen perustuvat työkalut kuten GitHub Copilot, Google Gemini tai erilaiset tekoälygeneraattorit) ei ole itse ohjelmointikieli, vaan työkalu. | |||
Kun pyydät tekoälyä luomaan verkkosovelluksen käyttöliittymän, se kirjoittaa koodia. React on tällä hetkellä yksi suosituimmista ja yleisimmistä kirjastoista käyttöliittymien rakentamiseen (erityisesti ammattimaisissa projekteissa), joten tekoäly on koulutettu valtavalla määrällä React-koodia. Kun tekoäly generoi koodia, se yleensä tuottaa [[JavaScript]]/[[TypeScript]]-koodia, joka hyödyntää React-kirjastoa luodakseen käyttöliittymäkomponentteja. | |||
Tekoäly osaa myös kääntää React-koodin [[C]]-kieleksi ja [[GTK]] -käyttöliittymäksi (ui). Tämä auttaa monien linux pohjaisten prototyyppien luomisessa. | |||
[[Luokka: Kirjastot]] | |||