React
| React (React.js) | |
|---|---|
| Tekijä(t) | Jordan Walke |
| Kehittäjä(t) | Meta (ent. Facebook) ja avoimen lähdekoodin yhteisö |
| Ensijulkaisu | 29. toukokuuta 2013 |
| Vakaa versio | 19.2.0 / 1. lokakuuta 2025 |
| Ohjelmoitu | JavaScript, TypeScript, Flow |
| Kirjasto | Käyttöliittymäkirjasto |
| Lisenssi | MIT |
| Kotisivu | react.dev |
| Lähdekoodi | 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.
Sen pääkäyttöalue on yksisivuisten sovellusten (SPA, Single Page Application) tai mobiilisovellusten (React Native) tehokas ja komponenttipohjainen kehitys.
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, v0.dev, 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 prototyyppien luomisessa.