Size: a a a

2021 December 14
Frontend Info
Как создавать потрясающие 3D-сцены с React Three Fiber

https://varun.ca/modular-webgl
источник
2021 December 15
Frontend Info
Защитный CSS
Ахмад Шадид делится списком защитных приемов CSS, позволяющих избежать потенциальных проблем в будущем.
https://ishadeed.com/article/defensive-css/ #css
источник
2021 December 16
Frontend Info
React 18 предоставляет useId API для генерации уникальных идентификаторов как на клиенте, так и на сервере.

https://blog.saeloun.com/2021/12/09/react-18-useid-api #react
источник
Frontend Info
🤔 Решили стать Angular-разработчиком, но не знаете с чего начать? Публикуем дорожную карту, которая поможет вам определиться со стеком технологий для освоения с нуля или продолжить изучение.

🥳 Ссылки на дорожные карты дата- и DevOps-инженеров, а также Java-, фронтенд-, бэкенд- фулстек- и разработчиков игр также в материале.

Присоединяйтесь к Highload, мы регулярно публикуем подборки интересных инструментов и полезных советов для разработчиков, а также истории из жизни тех, кто пишет код😉
источник
Frontend Info
источник
2021 December 17
Frontend Info
Работа с параметрами поиска с помощью React Router 6

https://www.robinwieruch.de/react-router-search-params/ #react
источник
2021 December 18
Frontend Info
Почему Remix стоит вашего внимания

https://blog.plasmic.app/posts/why-remix-is-worth-your-attention #react #remix
источник
2021 December 22
Frontend Info
Работа с продакт-менеджерами: советы от продакт-менеджеров

https://newsletter.pragmaticengineer.com/p/working-with-product-managers-advice-from-pms
источник
2021 December 23
Frontend Info
quick-lint-js - новый линтер, который обещает быть «быстрее, проще и дружелюбнее», чем eslint

https://quick-lint-js.com/blog/version-1.0/ #tools
источник
2021 December 24
Frontend Info
Команда Storybook написала руководство по тестированию пользовательского интерфейса с большим количеством полезной информации

https://storybook.js.org/tutorials/ui-testing-handbook/ #testing #tools
источник
2021 December 25
Frontend Info
Все ли вы знаете о useSelector?

https://youtu.be/SVG-x-4BQic #react #redux
YouTube
Все ли вы знаете о useSelector?
useSelector - это хук, который используется буквально каждый день. Кажется что мы должны знать о нем уже абсолютно все, но так ли это на самом деле?

Исходники useSelector - https://github.com/reduxjs/react-redux/blob/v8.0.0-beta.1/src/hooks/useSelector.ts#L33
Исходники useSyncExternalStoreWithSelector - https://github.com/facebook/react/blob/main/packages/use-sync-external-store/src/useSyncExternalStoreWithSelector.js#L19

Поддержать проект можно здесь:
YouTube: https://www.youtube.com/channel/UClgj-KWiNaOo9H1rz1ISO6Q/join
Patreon: https://www.patreon.com/ITSin9k

00:00 Анонс темы
00:37 Исходники useSelector
02:20 Исходники useSyncExternalStoreWithSelector
05:53 Причина рендера
06:55 Подведем итоги
08:00 Подписывайтесь!

Подписаться на канал: https://www.youtube.com/channel/UClgj-KWiNaOo9H1rz1ISO6Q?sub_confirmation=1
Twitter: https://twitter.com/it_sin9k

________________

Канал о Фронтенде, который хочется порекомендовать (telegram):
https://t.me/frontendnoteschannel

-------------------------

Данный канал создан для инициирования бесед на различные темы IT сферы (социальные / технические), а также для тех кому короткая видео выжимка статьи, выступления на конференции или же просто личных мыслей, являются более удобным форматом
источник
2021 December 28
Frontend Info
Redux middleware и как его использовать с WebSockets

https://wanago.io/2021/12/20/redux-middleware-websockets/ #redux #websockets
источник
2021 December 29
Frontend Info
Как получить доступ к метаданным ES-модуля с помощью import.meta

https://dmitripavlutin.com/javascript-import-meta/ #js
источник
2021 December 30
Frontend Info
Глубокое копирование в JavaScript с использованием structuredClone

https://web.dev/structured-clone/ #js
источник
2022 January 02
Frontend Info
Плавное возвращение CSS анимации

https://pragmaticpineapple.com/smoothly-reverting-css-animations/ #css #animation
источник
2022 January 03
Frontend Info
CSS: has() селектор - это больше, чем «родительский селектор»

https://www.bram.us/2021/12/21/the-css-has-selector-is-way-more-than-a-parent-selector/ #css
источник
2022 January 04
Frontend Info
Введение в Framer Motion 3D для 3D-анимации в React

https://www.framer.com/docs/three-introduction/ #react #animation
источник
2022 January 05
Frontend Info
Техническая документация – что это такое, какой она должна быть и кто ее создает?

https://apix-drive.com/ru/blog/useful/tehnicheskaja-dokumentacija
источник
2022 January 07
Frontend Info
Цикл рендеринга браузера, аппаратное ускорение и уровни компоновщика

https://medium.com/@matthew.costello/frontend-web-performance-the-essentials-0-61fea500b180
источник
2022 January 08
Frontend Info
Интеграция дизайна в Storybook

Подключите Figma, Sketch, Zeplin и других дизайн инструментов в Storybook

https://medium.com/storybookjs/design-integrations-for-storybook-549c3b0504b9 #tools #storybook
источник