Времето отлетя. Разгледайте какво ни донесе тази година в пространството на интерфейса с някои акценти от една година на актуализации на интерфейса и нека представим някои прогнози на масата!

от инженерния екип на Whitespectre

Акценти от 2022 г

React 18 и съпътстващи функции

2022 г. беше „годината на пускане на React 18“, последната основна версия на версията от октомври 2020 г. Това беше важен крайъгълен камък, тъй като екипът на React проучва и разработва поддръжка за едновременност в React от години и това е основна актуализация на Основният модел за изобразяване на React.

React 18 носи някои готови подобрения като автоматично пакетиране, нови API като startTransition и поточно изобразяване от страна на сървъра с поддръжка за Suspense. Искате ли да погледнете назад? „Говорихме за това задълбочено през февруари“.

Еволюцията на JavaScript

С пускането на ECMAScript 2015 (или ES6) през юни 2015 г. езикът JavaScript навлезе в златната си ера. След доставянето на много от дългоочакваните функции, като класове или модули, редовните годишни актуализации последваха други важни допълнения, като оператори async/await или rest/spread.

Въпреки че в момента е в доста зряло състояние, езикът все още непрекъснато се развива от година на година. Някои от акцентите от ECMAScript 2022 са публични, частни и статични членове на класа, чакане от най-високо ниво и Object.hasOwn, но проверете нашата статия от юли за изчерпателен списък!

Също така прегледахме най-новите тенденции в JS „в годишното проучване за състоянието на JavaScript през февруари“. Внимавайте за предстоящия през 2023 г.!

Еволюцията на CSS

Ако JS е зрял, но все още се развива, CSS го прави по-бързо от всякога. Заедно с HTML5, CSS3 имаше голям успех и въпреки че често говорим за него като за една спецификация, CSS ниво 3 раздели езика на няколко отделни документа, наречени „модули“. В наши дни най-новият CSS се нарича просто CSS, като нивата присъстват само за разграничаване на функции от по-ранни версии.

Ако CSS3 беше революция, все още има друга пред очите. Още Viewport Units, Native Nesting, Container Queries… Разгледайте нашите статии от март и май за повече информация относно най-новите и предстоящи функции!

Уеб стандарти и браузъри

Еволюцията на езика нямаше да има смисъл, ако браузърите не можеха да се справят. За щастие усилията за стандартизация също бяха последвани от усилията на големите доставчици на браузъри да се съобразят с тях. В днешно време всеки голям браузър е вечнозелен браузър, което означава, че те автоматично се надграждат във фонов режим и винаги изпълняват последната си версия.

Станахме свидетели на много нови функции в браузърите през тази година и писахме за много предстоящи. На годишната конференция на Google I/O през май научихме също, че екипите на браузърите обединяват усилия и се събират, за да обсъдят функции и приоритети, върху които възнамеряват да работят. Обърнете поглед назад към усилията на Compat 2021 и Interop 2022!

Нови парадигми на развитие

Това беше годината на усъвършенствани SSR и техники за хидратация, като „React Server Components“ и „Selective Hydration“, и нови парадигми като Islands Architecture. Обяснихме последното и прегледахме някои от реализациите през септември.

Също така започнахме да виждаме някои дискусии около CSS-In-JS, който стана изключително популярен през последните две или три години, особено в React. „През октомври“ прегледахме проблемите и предимствата на CSS-in-JS, включително последиците за производителността.

Тенденции, които да следваме през 2023 г

Консолидиране на инструментите от ново поколение

Webpack е зрял и стабилен и все още е златният стандарт за пакетиране на интерфейса, но може да бъде отчайващо бавен за големи проекти.

Видяхме, че алтернативите на Webpack като Vite узряват и се превръщат в реална опция тази година. Видяхме също появата на Turbopack, който е обещаващ, защото идва от създателя на Webpack и твърди, че е много пъти по-бърз от всичко друго, дори в сравнение с вече светкавично бързия Vite.

Turbopack все още е в алфа състояние, но през 2023 г. очакваме проектът да продължи да расте и да достигне състояние, готово за производство. Други опции като Vite ще продължат да се консолидират като сериозни алтернативи на Webpack.

Говорихме за Vite и Turbopack съответно в нашите статии „януари“ и „ноември“.

Изобразяване от страна на сървъра и оптимизиране на скоростта на страницата

Хората очакват бързо изживяване и бързо се отказват от страници, които се зареждат твърде много. Изобразяването от страната на сървъра прави съвременните едностранични приложения толкова бързи и достъпни, колкото тези, изобразени от сървъра, като същевременно запазва подобно на приложение изживяване след зареждането на първата страница.

Вече подчертахме някои техники като React Server Components и Selective Hydration. Вероятно ще видим, че приемането на този вид модел се увеличава през следващата година, а в React очакваме lazy и Suspense също да станат още по-популярни.

Прогресивни уеб приложения

Прогресивните уеб приложения ще продължат да нарастват по популярност през 2023 г. Те осигуряват хибридно изживяване между традиционните мрежи и специфични за платформа приложения, което позволява на потребителя да ги маркира като приложения в своите устройства. Те също така предоставят известно офлайн изживяване и поддържат насочени известия и фонови актуализации.

Можем да очакваме библиотеките за извличане на данни (като React Query или SWR) или Service Workers да продължат да набират популярност, тъй като те са от решаващо значение за осигуряване на производителни и подобни на приложения динамични изживявания за инсталируеми уеб приложения.

Нещо, което искате да добавите? Мислите, че нещо липсва? Пишете ни на @whitespectrehq, Instagram или LinkedIn, ще се радваме да прочетем вашите отзиви!

И не пропускайте предишните ни истории: