Использование Web Workers для многопоточности в вебе
Статья о работе с web workers, их практическом применении и ограничениях.
https://www.smashingmagazine.com/2023/04/potential-web-workers-multithreading-web/
Статья о работе с web workers, их практическом применении и ограничениях.
https://www.smashingmagazine.com/2023/04/potential-web-workers-multithreading-web/
🔥10
Чистая frontend архитектура
Почему важна архитектура при разработке приложения и какие принципы помогут правильно ее построить.
https://medium.com/bitsrc/clean-frontend-architecture-2995c68702fb
Почему важна архитектура при разработке приложения и какие принципы помогут правильно ее построить.
https://medium.com/bitsrc/clean-frontend-architecture-2995c68702fb
👍16❤2🎃1
React Server Components
Как и зачем использовать RSC.
https://www.freecodecamp.org/news/how-to-use-react-server-components/
Как и зачем использовать RSC.
https://www.freecodecamp.org/news/how-to-use-react-server-components/
👍15🔥2❤1
Photoshop Web CSS
Ахмад Шадид разбирает разметку и CSS решения сложного онлайн инструмента.
https://ishadeed.com/article/photoshop-web-css/
Ахмад Шадид разбирает разметку и CSS решения сложного онлайн инструмента.
https://ishadeed.com/article/photoshop-web-css/
🔥8👌2👍1
Использование React Portal
Что такое React Portal, как и когда его использовать.
https://semaphoreci.com/blog/react-portals
Что такое React Portal, как и когда его использовать.
https://semaphoreci.com/blog/react-portals
👍21🥱2🍓1😈1
CSS будущего: State Container Queries
Как работать с State Container Queries и для чего это может быть удобно - в статье.
https://ishadeed.com/article/css-state-queries/
Как работать с State Container Queries и для чего это может быть удобно - в статье.
https://ishadeed.com/article/css-state-queries/
👍23🥴2
Веб-стандарты — выпуск 392
DevTools Chrome и Firefox, скролбары, скрытие IP, text-indent, Safari TP, Node.js, Eleventy 3.0
https://web-standards.ru/podcast/392/
DevTools Chrome и Firefox, скролбары, скрытие IP, text-indent, Safari TP, Node.js, Eleventy 3.0
https://web-standards.ru/podcast/392/
❤7👍2
Нюансы преобразования строк в base64 в JS
О работе с функциями btoa() и atob() и возможными ошибками.
https://web.dev/articles/base64-encoding?hl=en
О работе с функциями btoa() и atob() и возможными ошибками.
https://web.dev/articles/base64-encoding?hl=en
❤14👍2
Развлекаемся с Gamepad API
О том, какие возможности предоставляет Gamepad API + реализация простой игры, управляемой с геймпада.
https://alvaromontoro.com/blog/68044/playing-with-the-gamepad-api
О том, какие возможности предоставляет Gamepad API + реализация простой игры, управляемой с геймпада.
https://alvaromontoro.com/blog/68044/playing-with-the-gamepad-api
👍8🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Chrome 117 поддерживает text-wrap: pretty
Короткая заметка о значениях
Короткая заметка о значениях
pretty и balance
https://developer.chrome.com/blog/css-text-wrap-pretty/🔥27❤1
Релиз Yarn 4.0
Обновленный ui и улучшенная в 3 раза производительность.
https://yarnpkg.com/blog/release/4.0
Обновленный ui и улучшенная в 3 раза производительность.
https://yarnpkg.com/blog/release/4.0
👍23
Гайд по микрофронтендам на single-spa
Как уже наконец-то уйти от монолита во фронтенде.
https://habr.com/ru/companies/samokat_tech/articles/766978/
Как уже наконец-то уйти от монолита во фронтенде.
https://habr.com/ru/companies/samokat_tech/articles/766978/
❤11👍3
Атрибуты async и defer у элементов script
Как правильно подключить скрипт, чтобы не навредить перфомансу.
https://learn.javascript.ru/script-async-defer
Как правильно подключить скрипт, чтобы не навредить перфомансу.
https://learn.javascript.ru/script-async-defer
❤🔥19👍9
Front-end. Вопросы на собеседовании #53
HTML теги и атрибуты, prefers-reduced-motion, реализация отложенной загрузки изображений, объект Proxy и еще несколько тем.
https://www.youtube.com/watch?v=zcF-CVtXSBI
HTML теги и атрибуты, prefers-reduced-motion, реализация отложенной загрузки изображений, объект Proxy и еще несколько тем.
https://www.youtube.com/watch?v=zcF-CVtXSBI
YouTube
#53 Front-end. Вопросы на собеседовании
#YauhenK #webDev #HTML #CSS #JS
Всем привет!
Добро пожаловать в видеокаст «Front-end. Вопросы на собеседовании».
В данной серии видео я постараюсь помочь вам подготовиться к собеседованиям на позицию Junior и Middle Front-end разработчик. Видеокаст представлять…
Всем привет!
Добро пожаловать в видеокаст «Front-end. Вопросы на собеседовании».
В данной серии видео я постараюсь помочь вам подготовиться к собеседованиям на позицию Junior и Middle Front-end разработчик. Видеокаст представлять…
👍19❤🔥3
CSS prefers-reduced-transparency
Подстройка прозрачности под предпочтения пользователя.
https://developer.chrome.com/blog/css-prefers-reduced-transparency/
Подстройка прозрачности под предпочтения пользователя.
https://developer.chrome.com/blog/css-prefers-reduced-transparency/
👍12
React Forward Ref
Дмитрий Павлутин рассказывает, как передавать рефы в дочерние компоненты.
https://dmitripavlutin.com/react-forwardref/
Дмитрий Павлутин рассказывает, как передавать рефы в дочерние компоненты.
https://dmitripavlutin.com/react-forwardref/
👍12👏2
This media is not supported in your browser
VIEW IN TELEGRAM
Эволюция SSR
Улучшаем показатели TTFB (Time to first byte) и TTI (time to interact) с SSR Streaming.
https://medium.com/cstech/800735e37bad
Улучшаем показатели TTFB (Time to first byte) и TTI (time to interact) с SSR Streaming.
https://medium.com/cstech/800735e37bad
👍8🔥5
Виды рендеринга в NextJS
Михаил Непомнящий рассказывает о видах рендеринга и как NextJS собирает и преобразует компоненты в статику или SSR.
https://www.youtube.com/watch?v=EH1WsQGSrWU
Михаил Непомнящий рассказывает о видах рендеринга и как NextJS собирает и преобразует компоненты в статику или SSR.
https://www.youtube.com/watch?v=EH1WsQGSrWU
YouTube
NextJS 13. Варианты рендеринга - RSC, CSR, SSR, SSG, ISR
Серверный рендеринг, клиентский или статическая генерация страницы - сегодня Next не ограничивается этими тремя классическими подходами, а добавляет также подход серверных компонентов и инкрементальной регенерации статики.
Разбираемся с разными подходами…
Разбираемся с разными подходами…
❤19⚡1🔥1