
90. 👔 React Enterprise Edition – mitä ottaa huomioon kun SPA kasvaa?
Explicit content warning
07/26/20 • 73 min
Yksi komponentti projektihakemiston juuressa voi riittää yllättävän pitkälle. Mutta mitä sitten kun projektissa on 20 näkymää ja 5 hengen tiimi? Tässä jaksossa paljastetaan Webbidevauksen tarkoin varjellut reseptit suurten React-sovellusten kehittämiseen aina hakemistorakenteesta modularisointiin 🗃
Kysymys
Parhaat tipsinne "Enterprise-tason" React-sovelluksen kehitykseen? Skenaariossa on iso sovellus, jossa satoja omia komponentteja, paljon API kutsuja, monimutkaisia näkymiä, paljon dataa näytettävänä ja niihin liittyviä logiikoita. Kuinka järjestellä koodi, komponentit, yms. asiat järkevästi, jotta saadaan otettua huomioon mm. ylläpidettävyys ja jatkokehittämisen joustavuus? Entä parhaat keinot pitää myös riippuvuudet mahdollisimman hyvin ajantasalla?
Tommi
Linkit
- JavaScript Programming
- JavaScript Records & Tuples Proposal
- Structuring React applications
- Best practices for building a large scale react application
- Rikun esimerkki React-projektin tiedostopuusta
- Organizing Large React Applications – Kapost Engineering
- How to structure large React apps
- React Folder Structure in 5 Steps
- Write code that is easy to delete, not easy to extend.
Jakson valinnat
- Riku: The Square
- Antti: The Lawrence Arms - Skeleton Coast
Ota yhteyttä!
Yksi komponentti projektihakemiston juuressa voi riittää yllättävän pitkälle. Mutta mitä sitten kun projektissa on 20 näkymää ja 5 hengen tiimi? Tässä jaksossa paljastetaan Webbidevauksen tarkoin varjellut reseptit suurten React-sovellusten kehittämiseen aina hakemistorakenteesta modularisointiin 🗃
Kysymys
Parhaat tipsinne "Enterprise-tason" React-sovelluksen kehitykseen? Skenaariossa on iso sovellus, jossa satoja omia komponentteja, paljon API kutsuja, monimutkaisia näkymiä, paljon dataa näytettävänä ja niihin liittyviä logiikoita. Kuinka järjestellä koodi, komponentit, yms. asiat järkevästi, jotta saadaan otettua huomioon mm. ylläpidettävyys ja jatkokehittämisen joustavuus? Entä parhaat keinot pitää myös riippuvuudet mahdollisimman hyvin ajantasalla?
Tommi
Linkit
- JavaScript Programming
- JavaScript Records & Tuples Proposal
- Structuring React applications
- Best practices for building a large scale react application
- Rikun esimerkki React-projektin tiedostopuusta
- Organizing Large React Applications – Kapost Engineering
- How to structure large React apps
- React Folder Structure in 5 Steps
- Write code that is easy to delete, not easy to extend.
Jakson valinnat
- Riku: The Square
- Antti: The Lawrence Arms - Skeleton Coast
Ota yhteyttä!
Previous Episode

89. TKMV - Onko webbikehitys palaamassa vuoteen 1999? 📠
Webbikehitys monimutkaistuu vuosi vuodelta, mutta samaa aikaa myös vanhat työskentelytavat palaavat aina vain uudelleen pintaan. Onko nykyinen SPA-malli jo pohjimmiltaan vioittunut ajatusmalli sovellusten rakentamiseen?
Kysymykset
- Kun urheilija on lomalla, hän pitää taukoa lajiharjoittelusta. Kun jäin itse lomalle, aloin heti koodata yhtä pitkään odottanutta harrasteprojektia. Jäin miettimään, että pitäiskö? Olisiko aivoille parempaa kuitenkin tehdä jotain muuta? (@mrjaamo)
- Olen ollut havaitsenivani, että keskustelu ns. web-kehittäjäscenessä on ottanut askeleita kohti paluuta perusasioihin. Muutaman vuoden takaisen framework-kisan päätyttyä muutaman isomman voittoon (ehkä? -kö) on alkanut kuulua entistä enemmän ääniä sen puolesta, että tekisimme webiä niin kuin ennen vanhaa 1.0 -aikoihin, ilman SPA-frameworkia tai korkeintaan kevyin Javascript-lisukkein. Toki uusin työkaluin, mutta mallilla, jossa serveri pääosin rendaa CSS:ää ja HTML:ää. (esimerkkiä keskustelusta https://twitter.com/dan_abramov/status/1259614150386425858?s=20) Myös esimerkiksi eleventyn nopea nousu kertoo mielestäni samasta ilmiöstä Mitä mieltä olette, tehdäänkö kohta taas web-kehitystä niin kuin olisi vuosi 1999 vai onko tulevaisuus edelleen Reactin ja kumppanien?
Linkit
Jakson valinnat
Ota yhteyttä!
Next Episode

91. 10 uutta kuumaa!
Mitä uutta webbikehityksen maailmassa on tapahtunut viime aikoina? Tässä jaksossa nopea katsaus niin kehitystyökaluihin kuin uusiin JavaScript ja CSS ominaisuuksiin.
Linkit
- React Fast refresh
- VSCode Dev Containers
- Hasura
- Next.js 9.5
- Svelte & TypeScript
- for await...of
- Subgrid
- Flexbox gap
- Conic gradient
Jakson valinnat
- Riku: Induktioliesi/ Brave New World
- Antti: Affinity Photo
Ota yhteyttä!
If you like this episode you’ll love
Episode Comments
Generate a badge
Get a badge for your website that links back to this episode
<a href="https://goodpods.com/podcasts/webbidevausfi-382928/90-react-enterprise-edition-mit%c3%a4-ottaa-huomioon-kun-spa-kasvaa-54592217"> <img src="https://storage.googleapis.com/goodpods-images-bucket/badges/generic-badge-1.svg" alt="listen to 90. 👔 react enterprise edition – mitä ottaa huomioon kun spa kasvaa? on goodpods" style="width: 225px" /> </a>
Copy