Dette var uken for smol boy med legendary hops 🐶, vi rundet Netflix 💤 og TypeScript-utviklere jublet 🖥.
Og 112358 ting skjedde i frontend-verdenen!
Facebooks fullstendige omskriving 🚧🤯
Siden lanseringen i 2004 med en enkel server-rendret PHP-side har det over tid blitt tilført lag på lag med ny teknologi og nye features som har gjort appen tregere og mindre vedlikeholdbar.
Det har resultert i at teamet bak Facebook har skrevet om hele løsningen fra bunnen av med React og Relay. Artig og meget interessant lesning om hele prosessen.
Gatsby får TypeScript-støtte ut av boksen 🙌
Stor nyhet for alle Gatsby- og TypeScript-fans! 🙋
Alt man slipper å gjøre manuelt er jo så deilig, uansett hvor lite det enn måtte være. Og at Gatsby går i den retningen mot en Typescript-standard er flott å se!
🎉New in Gatsby: Native #TypeScript support!
— Gatsby (@gatsbyjs) May 7, 2020
➡️Gatsby core now includes gatsby-plugin-typescript so your project will build TypeScript and TSX files by default! https://t.co/fOeHIhG55M
This change marches us closer to @typescript as a first-class citizen within Gatsby👨🚀 pic.twitter.com/3gGoyP2a55
Ditt favoritt VS Code fargetema 🎨
Dan Abramov postet denne tweeten forrige uke:
Thread: your favorite VS Code color theme, with a screenshot. I can’t start because I don’t have a favorite one.
— Dan Abramov (@dan_abramov) May 10, 2020
…og fikk (ikke overraskende) mye respons av små fugler som postet sine favorittema. Under har jeg slengt med et lite utdrag av temaene som dukket opp i en herlig mix av mørke og lyse farger, 80-tallsinspirerte neonfarger og et sepia-tema som visstnok skal være det mest skånsomme for øynene 👀
@sarah_edo’s Night Owl (Light) pic.twitter.com/DOsjvINHRB
— Sophie Alpert (@sophiebits) May 10, 2020
.
Dracula https://t.co/w9Hl5f3o5i pic.twitter.com/C59tceiwMg
— Vinícius Victorino (@viniciusflv1) May 10, 2020
.
It's a tie between Synthwave '84 with Neon Dreams enabled, and Synthwave x Fluoromachine ✨🕺
— Tee Diang (@cybercountess) May 10, 2020
It's amazing to look at, and they feel fitting because I'm often rickrolled by JavaScript pic.twitter.com/X9egYARWqZ
.
Horizon 🌅 https://t.co/AvAgUjnG4I pic.twitter.com/ZYV9o19LP9
— Monica.dev 👩🏾💻 (@waterproofheart) May 10, 2020
.
Been getting headaches from coding so I did some Googling on the best themes for eye strain. Turns out sepia's the winner, and someone made a theme with the perfect contrast ratios!
— Ben Holmes (@BHolmesDev) May 10, 2020
Using Daobeam: https://t.co/Z1VwfqA9fP pic.twitter.com/ye6noLKja1
Sjekk resten av temaene HER. 🎨 Kanskje du ender opp med et nytt fargetema til editoren din?
«Finally, a killer React framework from the creators of React Router.»
REMIX it up! 💿
Dette blir nesten en føljetong dette😄 Utviklingen av React-rammeverket Remix, som gutta bak React Router mekker, fortsetter. De sikter seg fortsatt inn på å løse alle problemene i Single-page applications og har et nyhetsbrev gående. Meld deg på og få med deg fremgangen! 👇
Newsletter coming tomorrow is all about server rendering. Answers questions like,
— Remix (@remix_run) May 6, 2020
How do you:
- handle status codes (200, 30x, etc)
- add app-specific server behavior
- deploy to different hosting platforms
- skip client JS for some pages
Subscribe 👇https://t.co/ujxcEirFXA
Enklere og raskere bygg med Snowpack ☃️
Med Snowpack kan man bygge web apps uten en bundler (Webpack, Parcel, Rollup osv.). Det vil si at du slipper å vente på at bundleren din skal rebygge siden hver gang du har lagret nye endringer. I stedet blir nye endringer umiddelbart vist i nettleseren🚀 Sjekk ut denne Twitter-tråden og les hva Fred forteller om Snowpack v2.0 (teaser: startup dev-miljø < 300ms⚡️). Revolusjonerende stuff!
Web development just got a lot less complicated.
— fks (@FredKSchott) May 5, 2020
Introducing Snowpack V2https://t.co/pvjWRY3Y7a
👇 Quick thread on what this means for the web: pic.twitter.com/84gtVCINhJ
React Virtual 🕶
Dette er freshe greier! React Virtual er en hook som virtualiserer (derav navnet😁) scrolling av rader, kolonner og grids. Den støtter smooth og lag-fri scroll av flere millioner entries i scrollbare elementer. Rett og slett en fornøyelse å bruke!
Announcing React Virtual 🎉
— Tanner Linsley ⚛️ (@tannerlinsley) May 8, 2020
A React hook for virtual scrolling of rows, columns and grids in fixed, variable, and dynamic measurement modes!#TanStack #react #javascript https://t.co/HqX81G46Wz
Dette kan egentlig ikke forklares. Det må prøves. Her har du en sandkasse du kan leke deg rundt i. 🪀
Utviklingen av React Router v6 fortsetter 🛣
Ny alpha-versjon ute! Her er blant annet hele kildekoden migrert til TypeScript (+ i boka her ifra😎). I det hele tatt begynner versjon 6 å se veldig lovende ut. Spennende å følge utviklingen videre🍿
📣 Just published: React Router v6.0.0-alpha.4 🔥
— React Training (@ReactTraining) May 5, 2020
- Now written in TypeScript (w declarations!) 😎
- New useMatch hook 🔎
- Improved useSearchParams hook ❓
- New migration guide for reach/router users 🙌
Full release notes 👇https://t.co/PoBmWMsZAP
Dett var dett! Takk for at du leste 🙏 På gjenles neste uke!
VGs korona-spesial har blitt vist 125 millioner ganger
- Ikke noe poeng med gule lapper-workshops, forteller folka bak "cowboy-utviklingen".