Remix

Mikä on vuoden kuumin React-framework? Meidän mielestämme se on Remix. 

Remixin verkkosivut näytöllä ja kehittäjät istuvat taustalla sohvalla Remixin verkkosivut koneen näytöllä
Remix-logo

Mikä on Remix?

Sovelluskehys on joukko teknologioita ja kirjastoja, jotka määrittävät miten sen päälle tulee sovelluksia rakentaa. Remix on tällainen sovelluskehys (web framework) Reactille, joka puolestaan on kirjasto, joka kertoo miten käyttöliittymää pitäisi ajatella komponenttien ja niiden tilan kautta. Remix on ns. fullstack web framework, eli sitä suoritetaan niin palvelimella kuin selaimessakin.

Remix on moderni ja suhteellisen uusi web-sovelluskehys. Se ilmestyi vuonna 2020 ja avoin lähdekoodi julkaistiin 2021. Remix kannustaa kehittäjiä noudattamaan web-standardeja, saavutettavuutta, käytettävyyttä ja tarkastelemaan suorityskykyä. Pitkään Reactia käyttäneistä tämä tuntuu askeleelta taaksepäin kohti webin perusteita ja johtaa siten kestävämpään ohjelmistokehitykseen.

Miten Remix auttaa rakentamaan parempia palveluja?

Lähtökohtaisesti saavutettava

Remix rakentuu web-standardien päälle. Tukeutumalla web-standardeihin tuemme automaattisesti paremmin saavutettavuutta ja selaimeen sisäänrakennettuja toiminnallisuuksia. “Progressiivisen parannuksen” (progressive enhancement) avulla sovellukset latautuvat nopeammin sekä toimivat kaikilla käyttäjillä ja selaimilla.

Rakennettu Reactin päälle

 
Remix on React-framework ja rakennettu Reactin päälle. Kehittäminen Reactilla on meille tuttua jo yli kymmenen vuoden ajalta.

Sopii osaksi olemassaolevaa palvelua

Päivityspolku Remixiin on suoraviivainen, mikäli kyseessä on React Routerin päälle rakennettu sovellus. Uutta sovellusta rakennettaessa Remix voidaan lisätä myös jo olemassaolevien rajapintojen päälle.

Kehittäjäkokemus - Developer Experience (DX)

Remixillä kehittäjien feedback loop on äärimmäisen nopea. Remix on rakennettu Viten päälle tukien hot reload -toiminnallisuutta. Taaksepäinyhteensopivuus on huomioitu käyttämällä “feature flageja”, eli uusia ominaisuuksia voidaan ottaa käyttöön ominaisuus kerrallaan.

Alustariippumattomuus

Remix ei ole sidottu mihinkään tiettyyn ajoympäristöön. Remixiä voi käyttää lähes kaikkialla missä voi ajaa JavaScriptiä. Esimerkkinä Node.js, Cloudflare, Shopify, Deno, Bun, jne.

“Remix on webin vitamiini."

Johan JR Ruokangas
Johan “Jozan” Ruokangas Ohjelmistokehittäjä, Fraktio

“Yksi todella merkittävä fundamentaalinen ero (muihin frameworkeihin verrattuna) on, että Remix pohjautuu web-standardeihin. Tukeutumalla standardeihin, palvelumme toimivat myös ilman JavaScriptiä.”

Mikko Puppe Hirvonen
Mikko “Puppe” Hirvonen Ohjelmistokehittäjä, Fraktio

Miltä Remixin tulevaisuus näyttää?

Web-standardien rooli kasvaa

Remixin tulevaisuus näyttää lupaavalta, sillä se on rakennettu vakaalle pohjalle. Sovellusten saavutettavuus ja käytettävyys vaatimukset kasvavat koko ajan.

Huomioimalla nämä asiat alusta lähtien tulemme rakentamaan parempia palveluja huomioiden kaikki laitteet sekä käyttäjäryhmät.

Remix & React Router -symbioosi

Remix on aina ollut käytännössä kerros React Routerin päällä. Viime aikoina kerros on pienentynyt niin, että sen kehittäjät päättivät julkaista keväällä 2024 nykyisen Remix v3:n uudestaan nimellä React Router v7.

Remixille itselleen on luvattu olevan tulossa jotain uutta, jota kuuden insinöörin tiimi parhaillaan työstää.

Remixin lyhyt historia

2020

Remix julkaistiin marraskuussa 2020. Sen kehittivät Ryan Florence ja Michael Jackson.

2021

Remixin avoin lähdekoodi julkaistiin.

2022

Shopify osti Remixin marraskuussa. Shopify on rakennettu Remixin päälle.

2024

Remixillä on GitHubissa kesäkuussa 28k tähteä.

Remix v3 = React Router v7

Remix-blogi-1-1

Remix-framework - askel taaksepäin

Remixillä on perustavanlaatuisesti erilainen ajattelutapa kuin muilla suosituilla Reactiin pohjautuvilla frameworkeilla. Jos haluat tietää miten Remix auttaa kehittämään aikaa kestäviä verkkosovelluksia, lue Johanin ja Mikon blogautus.

Lue lisää blogistamme

Haluatko oppia lisää Remixistä?

Valmennamme yrityksiä ja tiimejä käytännönläheisillä menetelmillä. Valmennukset räätälöidään aina tiiminne tarpeiden ja tilanteen mukaan. Kysy lisää valmennuksesta ja katsotaan teille sopiva kokonaisuus yhdessä.

 
Kysy lisää