Frontend Briefly - Novinky a postrehy zo sveta frontend vývoja #7

1. Rýchlejšie načítavanie stránky pomocou Early Hints

Early Hints je nový HTTP stavový kód: 103 Early Hints. Vďaka nemu môže server počas generovania časovo náročnej odpovede poslať nápovedu klientovi o ďalších zdrojoch, ktoré bude pravdepodobne potrebné načítať (napr. css alebo javascript súbory). Klient tak nemusí čakať na odpoveď zo servera, ale môže si vyžiadať ďalšie zdroje zatiaľ čo stále čaká na prvú odpoveď. Viac si môžeš prečítať na blogu Chrome Developers.

2. Podpora pre Internet Explorer 11 skončila

Podpora pre Internet Explorer 11 skončila 15. júna 2022. Na oficiálnom blogu nájdeš detaily čo to znamená pre bežných používateľov, ale aj develeporov. Po tomto dátume už Internet Explorer neotvoríš, ale budeš automaticky presmerovaný do prehliadača Edge s podporou IE režimu. (Žiaľ) Microsoft sa zaviazal podporovať režim IE v Microsoft Edge minimálne do roku 2029, takže tešiť sa môžeme len čiastočne.

3. Novinky v React svete

• Novinky v novej verzii Next.js 12.2 - Middleware, On-Demand ISR, Edge API Routes, SWC pluginy, vylepšenia pre next/image…
• React Labs: What We've Been Working On – June 2022 - Na oficiálnom blogu si môžeš prečítať článok na čom pracujú vývojári Reactu.
• Na Reddit-e vysvetľuje Dan Abramov prečo data fetching s využitím useEffect-u nie je ideálne riešenie.
• You Might Not Need an Effect - Ak si ešte nezachytil, tak React pracuje na novej a prehľadnejšej dokumentácii. Tento mesiac do nej pribudla nová sekcia o useEffect-e, ktorú určite odporúčam prečítať spoločne so sekciou Synchronizing with Effects.

4. Novinky v ECMAScript 2022

22. júna sa oficiálne schválila nová verzia ECMAScript 2022 pre jazyk JavaScript. Ak chceš vedieť aké novinky pribudli, tak si prečítaj tento článok: Ecma International approves ECMAScript 2022: What’s new? Okrem toho sa dozvieš ako prebieha schvaľovanie novej verzie ECMAScript-u alebo aký je rozdiel medzi JavaScript-om a ECMAScript-om.

5. WebAssembly v JavaScript ekosystéme

V prednáške sa dozvieš, kde všade sa používa WebAssembly (WASM) v JavaScriptov-om ekosystéme. Zistíš aj niekoľko benefitov, ktoré prináša WebAssembly voči plne natívnemu JS riešeniu.

6. Novinky v prehliadači Chrome

Nová verzia Google Chrome 103 priniesla niekoľko noviniek napr.:

• HTTP 103 stavový kód (early hints)
• Local Font Access API
• AbortSignal.timeout()
• atď…

Ďalšia novinka v Chrome 104 je zápis media queries. Po novom ich je možné zapisovať nasledovne:

@media (400px <= width <= 600px )  {
  // Styles for viewports between 400px and 600px.
}

Okrem toho si nezabudni prečítať aj o novinkách v DevTools.

Ďalšie články, ktoré stoja za prečítanie

• My Wonderful HTML Email Workflow - Ako na HTML a CSS v emailoch, ktoré funguje vo všetkých mailových klientoch.
• When You Should Prefer Map Over Object In JavaScript - Veľa developerov používa obyčajný objekt aj napriek tomu, že je vhodnejšie použiť Map.
• Stack Overflow Developer Survey 2022 - Pozri si názory 70 000 developerov v prieskume od Stack Overflow.
• Notes on maintaining an internal React component library - Niekoľko užitočných myšlienok o udržiavaní knižnice komponentov v React-e.

Niekoľko článkov o prístupnosti

• "That's not accessible!" and other statements about accessibility - Ako sa pozerať na testovanie prístupnosti webu.
• Using accessibility literacy to counter accessibility ignorance - Ako zvýšiť povedomie o prístupnosti v rámci celého tímu.

Zhrnutie

Ak sa ti prehľad noviniek páčil, tak sa nezabudni prihlásiť na odber nášho newslettera. Prečítať si môžeš aj novinky za minulý mesiac, ktoré sme priniesli v májovom Frontend Briefly.