💡 Простой способ определения наличия в массиве повторяющихся элементов

#javascript #tip by Shripal Soni

👩‍💻 Миграция на React 19 с помощью ast-grep

Любое обновление требует определенных изменений в исходниках, что зачастую представляет собой весьма трудоемкий и повторяющийся процесс, особенно для больших кодовых баз.

Упростить этот процесс можно с помощью ast-grep — инструмента, предназначенного для поиска и замены шаблонов в вашей кодовой базе, для облегчения миграции на React 19.

📌 Автор сосредоточился на трех основных модах:

🔠 Использование <Context> в качестве провайдера.
🔠 Удаление неявного возврата коллбека ref.
🔠 Использование ref в качестве пропсов и удаление forwardRef.

💡 Простой способ упрощения CSS селекторов с использованием :where(): на заметку фронтенд-разработчику

#css #tip by Shripal Soni

Опубликованы все части руководства по Next.js 👉 https://yangx.top/frontendproglib/5100

Для эффективного изучения вы должны знать JavaScript и React, а также хотя бы поверхностно должны быть знакомы с Node.js.

😉 55 промтов для ChatGPT, которые помогут подготовиться к собеседованию

Вы когда-нибудь задумывались, как можно использовать искусственный интеллект для того, чтобы подготовиться к техническим собеседованиям лучше, быстрее и эффективнее? Мы вот — да! И поэтому подготовили 55 промтов, которые помогут сделать это.

В статье собраны шаблоны запросов, которые желательно «докрутить» под себя.

🔗 Читать статью
🔗 Зеркало

👩‍💻👩‍💻 Контекст в Vue/Nuxt: осознать, не терять и беречь

Данила Родичкин, Frontend Team Lead в Азбуке Вкуса, делится опытом и знаниями, полученными при миграции на Nuxt CAPI и Nuxt 3.

📌 Резюме для ленивых:

✅ Много нужного для Nuxt и других библиотек хранится в getCurrentInstance — там же хранится компонент
✅ То, что нужно для очищения реактивности, хранится в getCurrentScope
✅ instance и scope теряются после первого await в defineComponent
✅ В script setup Vue их восстанавливает, но безвозвратно теряет после await в любой внешней функции
✅ getCurrentInstance нельзя восстановить, scope — можно через .run
✅ Нужное Nuxt на клиенте не теряется никогда
✅ Нужное Nuxt на SSR можно восстановить через app.runWithContext

🔥👩‍💻 Awesome React — поддерживаемый список ресурсов, относящихся к экосистеме React.

Начав свою историю как коллекция из нескольких сотен пунктов, с тех пор её сократили до менее чем 200 за счет удаления всех устаревших проектов и сосредоточения внимания на самом главном.

🤩📌 Awesome React Components — еще одна отличная коллекция для добавления в закладки.

👩‍💻 TypeHero — онлайн-платформа для общения, взаимодействия и развивития вместе с сообществом разработчиков TypeScript.

Повышайте свои навыки с помощью интерактивных задач по программированию, обсуждений и обмена знаниями.

👉 Перейти к платформе