Etupään kehityskehyksiä on monia, mutta kaksi niistä, React ja Angular, näyttävät valloittaneen markkinat. Olemme vuosien varrella nähneet radikaalin muutoksen etupään kehityssektorilla, ja niin monien vahvojen puitteiden myötä yritykset voivat helposti keskittyä vankan sovelluksen rakentamiseen.
Käyttöliittymäkehykset ovat auttaneet uusia ominaisuuksia, mikä on nopeuttanut kehittäjien elämää ympäri maailmaa. Näiden käyttöliittymäkehysten käyttö on auttanut luomaan erittäin toimivan suorituskyvyn yrityksille, mikä on johtanut yhteentoimivuuden helpottamiseen.
Mutta React vs. Angular on aina taistellut jatkuvasti. Vaikka nämä ovat kaksi tunnetuimpien portaalien ja verkkosivustojen yleisimmin käyttämää alustaa, se on myös auttanut ohjelmistosuunnittelijoita rakentamaan vahvan käyttöliittymän.
Sisällysluettelo
React vs. Angular: Framework Architecture
React vs. Angular: Data Binding ja DOM
React vs. Angular: modulaarisuus ja uudelleenkäytettävyys
Reaktio vs. Angular: Suorituskyky
Reaktio vs. Kulma: Oppimiskäyrä
React vs. Angular: Helppo päivittää
Reaktio vs. Angular: dokumentaatio
Mikä on Reactin ja Angularin tulevaisuus?
React vs. Angular: Kumpi on parempi?
Reaktio vs. Angular: vertailu
Reactin ja Angularin väliset erot olivat lopulta johtaneet suosion kasvuun. Se eroaa suorituskyvyn lisäksi myös perusrakenteesta.
Reagoi
Facebook lanseerasi Reactin markkinoille, ja sillä oli hyvin erilainen viitekehys kuin AngularJS:llä. Siksi Reactilla luoduilla sovelluksilla ei yleensä ole "tarkkoja" rakennetta.
React mahdollistaa käyttäjänäkymien päivittämisen, mutta omaa sovellusta ei voi luoda. Lisäksi se on yksinkertainen ja tehokas tapa rakentaa komponenttipuita, mutta siinä on malli- ja ohjainkerroksia.
Reactilla on strukturoitu koodaus komponenttien laajan saatavuuden vuoksi. Sinun ei tarvitse noudattaa systemaattista koodin kirjoittamista Reactia käytettäessä. Voit seurata JSX:ää luodaksesi uusia malleja ja luokkia. Käyttäjät voivat kuitenkin silti kirjoittaa koodit selkeästi muistiin HTML:llä ja JavaScriptillä. Tämän seurauksena JavaScript-kehittäjät käyttävät Reactia mukavammin kuin Angularia. Reactin kanssa ei tarvitse noudattaa monimutkaista syntaksimallia.
Kulmikas
Angularilla on kiinteä mutta monimutkainen rakenne, joka perustuu yksinomaan kolmeen kerrokseen - malli, näkymä ja ohjain. Objekti $scope käsittelee malliosan, kun taas Control käynnistää sen ja muuntaa sen HTML-skriptiksi katsojille ja käyttäjille. Vuosien varrella AngularJS on auttanut luomaan monia tehtaita, palveluita, direktiivejä ja ohjaimia, mikä saattaa vaatia jonkin aikaa Javascriptin kehittäjältä.
AngularJS:n avulla tietty sovelluskoodi voidaan jakaa eri tiedostoihin. Osista riippuen se voidaan tallentaa erillisiin tiedostoihin, joita voidaan myöhemmin käyttää tietyn verkkosivuston eri osiin.
Suurin ero Reactin ja Angularin välillä on yksinkertaisuus. React voi olla hyödyllisempi kuin Angular, mutta se on aikaa vievä suunnittelu- ja soveltamismenetelmä. Eri instrumenttien valitseminen sovelluksen kehittämiseksi tyhjästä voi osoittautua hankalaksi tehtäväksi.
React vs. Angular: Framework Architecture
Angularilla ja Reactilla on sekä yhtäläisyyksiä että eroja. Angular seuraa MVC-kehystä, kun taas React perustuu JavaScript-kirjastoon.
Reagoi
Vaikka Angular rajoittaa sinua, React antaa sinulle paljon joustavuutta, koska MVC-mallissa sinulle antaa V:n vain React. Loput M ja C on luotava itse ja voit valita minkä tahansa kirjaston. Työskentely itsenäisten kirjastojen kanssa mahdollistaa nopeamman työskentelyn. Koska hallitset kirjastoja, sinulla on vapaus tarkistaa päivitykset ja siirrot.
Tällä vapaudella on kuitenkin myös haittapuoli. React-projektit ovat erilaisia ja toimivat kansioiden hierarkkisesti. Nämä arkkitehtoniset ja hierarkkiset elementit voivat kuitenkin tehdä asiat helposti pieleen.
Jos kyseessä on "out-of-the-box" -ideoita, React ei ole pienempi kuin AngularJS. Se tarjoaa myös erilaisia asioita, kuten
- XSS-suojaus
- Riippuvuusruiskeen puuttuminen
- Siirtyminen klassisista malleista kehitettyihin malleihin, kuten JSX
- Ajax-pyynnöt
- Hyödyllisyystestauskomponenttien läsnäolo
- Koska React mahdollistaa myös toimintojen lisäämisen, jotkin tärkeimmistä kirjastoista ovat valittavissa
- Valtionhallinta - Redux tai MobX
- Lisätestausapuohjelma - Entsyymi
- Reititys - React-reititin
Kulmikas
AngularJS pyrkii antamaan mielipiteitä siitä, kuinka sovelluksen tulisi noudattaa tiettyä rakennetta. Tämä auttaa tarjoamaan "out-of-the-box" ideoita. Angularin avulla sinun ei tarvitse tehdä monimutkaisia ideoita ja kirjastojen reititystä. Sinulla on koodi kaikilla Angular-tarjouksilla, joita kehittäjät pitävät usein haittapuolena.
Mitä tulee valmiisiin ominaisuuksiin, AngularJS tarjoaa yleensä paljon asioita, kuten
- XSS-suojaus
- Riippuvuusinjektio
- Komponenttien CSS-kapselointi
- Yksikkötestauskomponenttien saatavuus
- HTML-laajennettu versiomalli
- Angularin toimittamat lomakkeet rakennusmuotteille
- Ajax-pyynnöt @angular/HTTP:n mukaan.
React vs. Angular: Data Binding ja DOM
Eikö tietojen sidonta ole yksi olennainen huomioitava asia? Kahden alustan Data Bindingin ja Document Object Modelin välillä on merkittävä ero.
Reagoi
Toisin kuin Angular, React käyttää yksisuuntaista tiedonsidontaprosessia. Tämän seurauksena kehittäjät joutuvat hallitsemaan tietovirtaa vain yhteen suuntaan, mikä tarjoaa tiedonkulun tarkistamisen edut. Kehittäjät voivat helposti seurata muutoksia.
Jopa React tuki kaksisuuntaista tiedonsidontamenettelyä, mutta Facebook pääsi siitä yli ja käynnisti Fluxin, sovelluksen, joka ylläpitää yksisuuntaista tietovirtaa. Fluxin lähettäjä mahdollistaa täydellisen tietovirran hallinnan. Fluxin lähettäjä vastaa tietojen vastaanottamisesta ja siirtämisestä sopivalle alustalle täydellisiä päivityksiä varten. Muuttuvien päivitysten myötä myös näkymä päivittyy, ja lähettäjä saa lopulta uuden toimenpiteen. Tämä prosessi jatkuu myymälän täydelliseen päivitykseen asti. Flux on siksi pystynyt ylläpitämään dynaamista datavirtaa ja ylläpitämään myös koodikannan tehokkuutta.
Kulmikas
Angularissa Document Object Model (DOM) -malli on yhdistetty malliin ohjaimen kaksisuuntaisen tiedonsidontamallin kautta. Näin ollen, kun käyttäjä muuttaa arvoa syöttökentässä, merkittäviä päivityksiä tulee paitsi Näytä -osiossa myös malliin. Kaksisuuntainen tiedonsidontamenettely sopii Angularille parhaiten, koska kehittäjän on kirjoitettava vähemmän yleiskoodia luodakseen linkkejä sovelluksen komponenttien välille. Siksi uusia koodeja ei tarvitse etsiä päivitysten tarkistamiseksi sovelluksessa.
Kaksisuuntainen tietojen sidontamenettely kuitenkin heikentää sovelluksen suorituskykyä. Sovelluksella on lopulta yhteyksiä erilaisiin katsojiin ja muihin elementteihin.
Yksisuuntainen tiedonkulku on auttanut välttämään monimutkaisuutta. Suurissa React-sovelluksissa on helppo korjata virheitä tai ratkaista ongelmia verrattuna AngularJS-sovelluksiin.
React vs. Angular: modulaarisuus ja uudelleenkäytettävyys
AngularJS ja React noudattavat komponenttipohjaista kehystä. Tämä on yksi samankaltaisuus näiden kahden välillä, joka yhdistää uudelleen käytettävät, modulaariset ja koheesiokomponentit yhteen. Tässä tapauksessa näiden kahden välillä on kuitenkin ero pinon suhteen.
Sovellusten kehityskustannukset nousevat päivä päivältä. Siksi on välttämätöntä valita alusta, joka mahdollistaa komponenttien uudelleenkäytön enemmän tällaisina aikoina. Uudelleenkäyttöominaisuus auttaa säästämään aikaa, rahaa ja ylimääräisiä kopiointiponnisteluja. Asianmukaisella uudelleenkäytettävyydellä sovellus voidaan tuoda markkinoille nopeammin.
Koska ne molemmat noudattavat komponenttipohjaisia arkkitehtuureja, se mahdollistaa modulaaristen komponenttien käytön, jotka ovat tiiviisti sidoksissa toisiinsa. Tämän seurauksena kehyksen elementtejä voidaan käyttää uudelleen, vain uusien käyttöliittymäominaisuuksien aikaansaamiseksi. Uudelleenkäytettävyys ja modulaarisuus ovat aina olleet tärkeä edellytys käyttöliittymäkehittäjille verkkosivustojen kehitysprosessin helpottamiseksi.
Sekä AngularJS:llä että Reactilla voi olla merkittävä rooli sovellusten kehitysprosessin nopeuttamisessa. Kehittäjien ei tarvitse keskittyä rakennuskomponentteihin tyhjästä käynnistääkseen sovelluksen.
Reagoi
React noudattaa JavaScriptiä, mikä voi usein olla monimutkaista kehittäjille, jotka eivät halua käyttää alustaa.
Kulmikas
AngularJS noudattaa TypeScriptiä sovellusten ja verkkojen kehittämiseen. Tämä on kätevämpää kehittäjille, koska se on kompakti ja auttaa luomaan virheettömiä alustoja.
Reaktio vs. Angular: Suorituskyky
Mitä tulee suorituskykyyn, näiden kahden alustan välillä on ollut huomattavaa tappelua, mikä on nopein ja tehokkain. Näiden komponenttien suorituskyvyllä on lopulta suora vaikutus sovellusten suorituskykyyn.
Reagoi
Toisin kuin kypsät puitteet, Reactilla on virtuaalisen dokumenttiobjektimallin etu. Vertailun vuoksi virtuaalisella DOM:lla on enemmän etuja, koska kevyt DOM-puu auttaa tallentamaan kaikki objektit ja tiedot palvelimella. Oletetaan, että käyttäjä syöttää uuden tiedon syöttökenttään, React luodessaan uuden DOM-puun vertaa sitä aiemmin olemassa olevaan. Kirjasto tarkistaa erot ja päivittää sen sitten vastaavasti käyttämällä uutta HTML-mallia. Kaikki monimutkaiset toiminnot suoritetaan palvelimella, mikä lopulta vähentää selaimen kuormitusta ja kehystä.
Toisin kuin koko päivityksen lähettäminen uudella HTML-koodilla selaimeen, React välittää vain muuttuneet elementit. Katsojia ei vaadita tarkistamaan todellista DOM:ia. Tämän seurauksena sovelluksen suorituskykyä voidaan helposti hallita DOM:n avulla.
Siitä huolimatta emme voi kiistää sitä tosiasiaa, että myös AngularJS:n avulla voidaan luoda nopeita sovelluksia.
Kulmikas
Kuten aiemmin mainittiin, Angular on erittäin riippuvainen kaksisuuntaisesta datavirrasta. Likaisen tarkistuksen perusteella tämä voi johtaa AngularJS:llä tehtyjen sovellusten viiveeseen.
Kun arvot sidotaan HTML:ään käyttämällä tiettyä mallia, AngularJS luo uuden tarkkailijan tarkistaakseen DOM:n muutokset. Kun päivitys on näkyvissä, AngularJS vertaa uutta arvoa alkuperäiseen arvoon suorittaakseen $digest-silmukan. Silmukka seuraa kaikkia muutoksia alkuperäisistä katsojien seuraamiin. Jos tiettyyn sovellukseen on liitetty liian monta tarkkailijaa, sovelluksen suorituskyky heikkenee.
Tämä voi kuitenkin muodostua ongelmalliseksi, jos arvot ovat riippuvaisia toisistaan. Jos AngularJS huomaa arvon muutoksen toisesta arvosta johtuen, nyt $digest-silmukka lakkaa vain alkamasta alusta.
Silmukka toimii, kunnes kaikki tarkkailijat on tarkistettu ja kaikki tarvittavat päivitykset on tehty malliin ja näkymään. Usein juuri päivittyneet tiedot eivät näy kentällä, minkä vuoksi niitä kannattaa aina välttää.
AngularJS toimii DOM:ssa. Tämä on yksi suuri haitta, joka voi vahingoittaa sovelluksen toimintaa. . Tämä kehys tuo muutoksen todelliseen DOM-selaimeen. Todellisen DOM-arvon päivityksen yhteydessä myös kaikki sisäiset arvot muuttuvat muodostaen uuden DOM:n. Tämän seurauksena sovellus hidastuu.
Sovellusten heikon suorituskyvyn vuoksi Angular 2- ja Angular 4 -kehykseen on tehty päivityksiä. Se saa aikaan myös yksisuuntaisen datan sidonnan, kuten React, mutta se tarjoaa myös kaksisuuntaista tiedonsidontaa.
Reagoi vs. Angular: Testaus
Tärkeimmät erot Reactin ja Angularin välillä riippuvat testaustuloksista. Se on syytä pitää sekin mukana mahdollisten haittojen välttämiseksi. Asiantuntevat kehittäjät haluavat käyttää joko yhtä työkalua tai työkalujen yhdistelmää testin suorittamiseen ja tarkkojen tulosten löytämiseen.
Reagoi
Reacted-koodit testataan Facebookin käyttöön ottamalla Jestillä. Testattavaksi tarkoitettu Jest on osa jokaista React-projektia, ja sen käyttöä varten on lähes nollakonfiguraatiota. Jest on yksi tehokkaista pilkkaavista kirjastoista, jota käytetään usein Enzymen kanssa. Tämä tekee testaamisesta helppoa ja kätevää. Toisin kuin yksi Angular-testaustyökalu, React saattaa tarvita erilaisia testaustyökaluja. Vaikka tuloksia on helppo lukea, se on aikaa vievä prosessi.
Kulmikas
Projektien kulma-IO-testaus ja -virheenkorjaus voidaan tehdä käyttämällä olennaisia yksittäisiä työkaluja, kuten Protractor, Karma ja Jasmine. Reactin testitulokset ovat kuitenkin erittäin monimutkaisia, jos koodia testataan Jasminen kautta. Tästä syystä ihmiset käyttävät mieluummin kahta muuta työkalua kuin Jasmine.
React vs. Angular: Milloin valita mitä?
Molemmat puitteet ovat tärkeä osa sovelluksen kehitysprosessia. Kuitenkin, mikä niistä on oikea, riippuu täysin haluamasi sovelluksen tyypistä.
Reagoi
Kehittäjien tulisi valita React vain, jos
- Tiimi tuntee puitteet, kuten CSS, JavaScript ja HTML.
- Sinun on rakennettava sovellus eri ratkaisuilla ja asetettava se eri tiloihin kehitysvaiheen aikana. Näitä ovat navigointikohteet, dynaaminen syöttö, käyttäjän kirjautuminen ja käyttöoikeudet.
- Haluat, että sovellus on rakennettu perusteellisesti keskittyen asianmukaisesti esikehitysprosessiin.
- Haluat rakentaa mukautetun sovelluksen huippuluokan ominaisuuksilla.
- Haluat, että komponentit ovat jaettavissa eri sovellusten kesken sovelluksen kasvun ja suosion mukaan.
- Haluat ehkä jatkaa nykyisen skenaarion mukaan. Katso aina kokonaisvaltaisesti tulevaisuuden trendejä ja jatka pitkän aikavälin ratkaisuilla päässä.
Kulmikas
Kehittäjien tulisi valita Angular sovellusten kehittämiseen milloin
- Kehittäjät voivat työskennellä tehokkaasti kehysten, kuten Angular-, C#- ja Java-versioiden, kanssa.
- Et halua paljon monimutkaisuutta sovellukseesi.
- Sovelluksen pitäisi sisältää paljon ominaisuuksia.
- Haluat lisätä tuottavuutta käyttövalmiilla ratkaisuilla.
- Haluat jatkuvasti säännellä sovellusta ja pysyä ajan tasalla sovelluksen koon muutoksista.
Reaktio vs. Kulma: Oppimiskäyrä
Oppimiskäyrä on yksi ensimmäisistä ja tärkeimmistä asioista, joka on otettava huomioon siirryttäessä uuteen teknologiaan. Se, mitä valitset, riippuu kuitenkin täysin konseptin tuntemuksesta.
Reagoi
Ensimmäinen ja perusasia, jota Reactissa opetetaan, on JSX. Aluksi se saattaa tuntua monimutkaiselta, mutta se ei ole ollenkaan monimutkaista. React-oppimisen perustaso sisältää komponenttien kirjoittamisen, tilanhallinnan (sisäinen aloittelijatasolle) ja konfigurointirekvisiitta käytön. Se on yksinkertainen kehys, kuten JavaScript. Siksi sinun ei tarvitse opetella mitään monimutkaisia silmukkarakenteita.
Reactin edistynyt taso edellyttää, että opit kirjaston reitityksen. Tilanhallintavaihe sisältää Reduxin tai ModX:n oppimisen. Olet valmis rakentamaan sovelluksia, kun olet oppinut perusasiat ja tilanhallinnan.
Kulmikas
Angular tarjoaa mahdollisuuden oppia monia asioita perustasolta edistyneelle tasolle. Angularin perusaiheita ovat usein komponentit, riippuvuusinjektio, mallit ja putket. Angularin edistyneitä aiheita ovat vyöhykkeet, AoT:n kokoaminen, tunnistus ja Rx.js.
Aloittelijan voi olla vaikea sopeutua Angulariin monimutkaisen konseptin vuoksi. Mutta kun jatkat, sinun on pidettävä mielessä monia asioita, ja kokemus voi olla hieman ankara. Oppilaiden tulee tuntea aiheet, kuten muutoksen havaitsemisohjelmat ja Rx.js-tilausten hallinta.
Vertailun vuoksi React tekee siitä helpompaa aloittelijoille.
React vs. Angular: Helppo päivittää
Sovelluksen päivityksen helppous vaikuttaa suuresti sen suosioon. Loppujen lopuksi se riippuu henkilökohtaisista mieltymyksistä ja mukavuudesta, minkä vuoksi sinun tulee valita sovelluskehys sen mukaan.
Reagoi
Lisäksi React mahdollistaa myös helpon transaktioiden tekemisen eri versioiden välillä. Etupään kehityskirjastot ovat enimmäkseen riippuvaisia ulkoisista kirjastoista, mikä tekee päivityksestä helppoa, ja myös kolmannen osapuolen siirto on helppoa. Kehittäessään ja rakentaessaan sovelluksia React-kehyksen avulla kehittäjät voivat tarkistaa, onko kolmannen osapuolen kirjasto yhteensopiva JavaScriptin uusimpien versioiden kanssa. Tämä menettely vie kuitenkin jonkin verran aikaa, joten kehittäjien on tehtävä ylimääräistä vaivaa.
Kulmikas
Vertailun vuoksi Angularilla on parempi CLI, joka tukee komentoja, kuten ng_update. Tämä mahdollistaa sovellusten nopean päivittämisen uusimmasta versiosta riippuen. Tämän seurauksena sovelluskehityksestä tulee erittäin kätevää uusimpien päivitysten avulla. Päivitysprosessi on automatisoitu alustassa ja kehyksessä.
Molemmat alustat pyrkivät tekemään siirtymistä sujuvasti eri versioiden välillä. React on kuitenkin edelleen jäljessä Angularista.
Reaktio vs. Angular: dokumentaatio
Reagoi
Reaktioiden kehitysprosessi on nopea ja käynnissä. Mutta kuten aikaisemmat versiot, dokumentaatio on erittäin arvokasta Reactille. Aloittelevien kehittäjien tulee noudattaa kattavaa lähestymistapaa saadakseen React-dokumentaation käsiinsä.
Kulmikas
Kulmakehystä päivitetään jatkuvasti. Siksi asiakirjojen osalta se on melko hidasta. Monet tutoriaalit ja dokumentaatio Angularista ovat hyödyttömiä varsinkin aloitteleville kehittäjille. Jos olet aloitteleva kehittäjä, sinun tulee välttää näiden opetusohjelmien ja asiakirjojen etsimistä.
Mikä on Reactin ja Angularin tulevaisuus?
Mitä tulee molempien puitteiden tulevaisuuteen, tuskin on todennäköisyyttä, että molemmat lähtevät trendistä, vaikkapa vuoteen 2025 mennessä. Kehittämisestä lähtien React on tuonut mukanaan valtavia muutoksia viitekehykseen. Kehittäjät voivat tarjota palautetta joustavasti, joten kehys on johtanut uusiin ominaisuuksiin, parantuneeseen syntaksiin ja sovellusliittymän tehostamiseen.
Angular on tähän verrattuna huomannut merkittävän kasvun vuosien varrella. Käyttäjien määrän odotetaan kasvavan Angular 8:n päivityksen myötä. Sekä kehys että kirjasto ovat kuitenkin täällä jäädäkseen pitkään.
React vs. Angular: Kumpi on parempi?
Reactin ja Angularin välillä on merkittäviä eroja. Edellinen on TypeScript-kehys, kun taas jälkimmäinen on Javascript-kirjasto. Siksi päätöksestä valita näiden kahden välillä voi usein tulla hyvin väsyttävää. Sovelluksen rakentamiseen valittu alusta riippuu täysin kehittäjästä.
Molemmat ovat erittäin hyödyllisiä sovellusten ja verkkosivustojen kehittäjille. Vaikka etuja on monia, niiden valitseminen voi olla vaikea tehtävä.
Facebook lanseerasi Reactin ja Google kulmikkaan. Reactilla on monia hakuja, mutta vielä nykyäänkin kehittäjät haluavat työskennellä Angularin kanssa valmiiden vaihtoehtojen laajan saatavuuden vuoksi. Vertailun vuoksi React on helppo oppia. Joustavuuden osalta React näyttää olevan suositumpi kuin Angular, koska kehittäjät voivat helposti luoda sovelluksia.
Mutta rakennuspalikoiden suhteen Reactin ja Angularin välillä ei ole paljon eroa. Sekä Angular että React ovat joissain asioissa parempia kuin toisiaan. Siksi on hieman vaikeaa selvittää, mikä on paras näiden kahden välillä. Molemmilla on omat hyvät ja huonot puolensa.
Se riippuu kehittämäsi sovelluksen tyypistä ja haluamasi käyttöliittymästä. Asiantuntevat konsultit voivat varmasti auttaa sinua löytämään täydellisen alustan.
Etkö tiedä mitä valita Reactin ja Angularin välillä sovelluksen kehitysprosessia varten? Ota yhteyttä ammattimaiseen kehittäjään. He tietävät markkinoiden viimeisimmät trendit ja voivat siten auttaa löytämään parhaan alustan.
Carmatec kuin paras mobiilisovelluskehitysyritys kestää 15+ vuotta kokemusta käytännössä kaikilla toimialoilla toimivien yritysten auttamisesta sovellusten kehittäminen aloitteita hyödyntäen sen äärimmäistä teknistä tietotaitoa ja alan asiantuntemusta.
Voit vapaasti Ota meihin yhteyttä varten reagoi kehitykseen tai reagoida natiivisovelluskehitykseen. Asiantuntijamme neuvovat mielellään Digital-First-lähestymistavan toteuttamisessa yrityksellesi ja auttavat sinua kaikissa valmisteilla olevissa teknisissä projekteissa.
Lue myös : Hyvän käyttöliittymän edut yrityssovelluskehitykseen
Finnish 
English 
Spanish (Mexico) 
Italian 
French 
German 
Japanese 
Dutch 
Swedish 
Spanish (Spain) 