Храним API ключи правильно
Убираем хардкод и используем
https://www.smashingmagazine.com/2023/05/safest-way-hide-api-keys-react/
Убираем хардкод и используем
dotenv для работы с переменными окружения на примере React приложения.https://www.smashingmagazine.com/2023/05/safest-way-hide-api-keys-react/
👍13❤1
10 простых консольных команд Git для быстрой разработки
https://levelup.gitconnected.com/10-essential-git-command-tricks-for-faster-development-9e9b64a82c02
https://levelup.gitconnected.com/10-essential-git-command-tricks-for-faster-development-9e9b64a82c02
👍14
Руководство по использованию обработчиков роутов в Next.JS
https://blog.logrocket.com/using-next-js-route-handlers/
https://blog.logrocket.com/using-next-js-route-handlers/
👌6👍3
Логические свойства CSS и их использование
Чем логические свойства отличаются от физических и как они помогают при разработке приложений.
https://blog.logrocket.com/css-logical-properties-guide
Чем логические свойства отличаются от физических и как они помогают при разработке приложений.
https://blog.logrocket.com/css-logical-properties-guide
👍16🔥3
Погружаемся в Redux Toolkit
На примере разработки проекта для трекинга багов рассмотрим работу с Redux Toolkit.
https://www.smashingmagazine.com/2023/05/guide-redux-toolkit-typescript/
На примере разработки проекта для трекинга багов рассмотрим работу с Redux Toolkit.
https://www.smashingmagazine.com/2023/05/guide-redux-toolkit-typescript/
👍16🤮3❤2
50 запросов для ChatGPT, которые могут быть полезны для разработчиков
От генерации кода до его документирования и тестирования.
https://dev.to/hackertab_org/50-chat-gpt-prompts-every-software-developer-should-know-tested-9al
От генерации кода до его документирования и тестирования.
https://dev.to/hackertab_org/50-chat-gpt-prompts-every-software-developer-should-know-tested-9al
🔥13👍5❤1🤣1😈1
Пара трюков в DevTools, которые немного упростят вашу отладку
Выбираем элементы через
https://gomakethings.com/a-few-developer-console-tricks/
Выбираем элементы через
$ и $$ и получаем текущий элемент через $0.https://gomakethings.com/a-few-developer-console-tricks/
🔥16👎2🌚2
Склеиваем коммиты в git при помощи squash и fixup
Статья о том, как и зачем использовать склеивание коммитов.
https://htmlacademy.ru/blog/git/how-to-squash-commits-and-why-it-is-needed
Статья о том, как и зачем использовать склеивание коммитов.
https://htmlacademy.ru/blog/git/how-to-squash-commits-and-why-it-is-needed
🔥15👍4❤1
Как и когда использовать debounce и throttle в React
Что такое debouncing и throttling и примеры их использования.
https://soshace.com/how-and-when-to-debounce-and-throttle-in-react/
Что такое debouncing и throttling и примеры их использования.
https://soshace.com/how-and-when-to-debounce-and-throttle-in-react/
👍8
JavaScript Security Vulnerabilities Tutorial
Топ 10 JS уязвимостей и как с ними бороться.
https://www.youtube.com/watch?v=ypNKKYUJE5o&ab_channel=freeCodeCamp.org
Топ 10 JS уязвимостей и как с ними бороться.
https://www.youtube.com/watch?v=ypNKKYUJE5o&ab_channel=freeCodeCamp.org
YouTube
JavaScript Security Vulnerabilities Tutorial – With Code Examples
Learn about 10 security vulnerabilities every JavaScript developer should know. First try to find the vulnerabilities in the different code examples. Then learn how to fix the issues.
✏️ Brandon from Semgrep developed this course.
🔗 Learn more about Semgrep:…
✏️ Brandon from Semgrep developed this course.
🔗 Learn more about Semgrep:…
⚡8👍3🔥2❤1
Из localhost в облако - большой туториал по деплою сайтов
Оборачиваем в Docker, создаем Kubernetes кластер, конфигурируем dns, настраиваем Github Actions.
https://dev.to/chetanam/from-localhost-to-cloud-nextjs-django-ssl-github-actions-dns-ultimate-website-deployment-tutorial-34hp
Оборачиваем в Docker, создаем Kubernetes кластер, конфигурируем dns, настраиваем Github Actions.
https://dev.to/chetanam/from-localhost-to-cloud-nextjs-django-ssl-github-actions-dns-ultimate-website-deployment-tutorial-34hp
👍28👎3
Глубокое погружение в N-th Element селекторы в CSS
https://blog.bitsrc.io/understanding-css-selectors-for-the-n-th-element-a-deep-dive-7bb73e2cf72c
https://blog.bitsrc.io/understanding-css-selectors-for-the-n-th-element-a-deep-dive-7bb73e2cf72c
👍20🔥2😁1
Оформляем свой профиль на GitHub
Добавляем красивый
https://habr.com/ru/articles/649363/
Добавляем красивый
Readme.md для всего профиля.https://habr.com/ru/articles/649363/
👍16❤7🤮4
Новые методы работы с массивами в ES2023
https://www.sonarsource.com/blog/es2023-new-array-copying-methods-javascript/
https://www.sonarsource.com/blog/es2023-new-array-copying-methods-javascript/
👍25❤2🤔2😱1
Как выбрать правильный шрифт для сайта
Классификация шрифтов, а также советы по выбору и комбинации нескольких шрифтов.
https://www.codica.com/blog/how-to-choose-fonts-for-your-website-guide/
Классификация шрифтов, а также советы по выбору и комбинации нескольких шрифтов.
https://www.codica.com/blog/how-to-choose-fonts-for-your-website-guide/
👍8❤4❤🔥1
Media is too big
VIEW IN TELEGRAM
Получите работу в Яндексе всего за два дня
27–28 мая мы проводим Weekend Offer Frontend. Ищем разработчиков на JavaScript и TypeScript с опытом работы от 4 лет. За один день вы пройдёте две технические секции и, если всё сложится, на следующий день получите офер в крутую команду.
Нанимаем в самые разные продукты — выбирайте из 13 сервисов. Вы сможете работать из любого офиса в России и Беларуси, а некоторые команды приглашают разработчиков в Армению, Казахстан и Сербию.
Регистрация на мероприятие продлится до 22 мая, подробнее здесь
27–28 мая мы проводим Weekend Offer Frontend. Ищем разработчиков на JavaScript и TypeScript с опытом работы от 4 лет. За один день вы пройдёте две технические секции и, если всё сложится, на следующий день получите офер в крутую команду.
Нанимаем в самые разные продукты — выбирайте из 13 сервисов. Вы сможете работать из любого офиса в России и Беларуси, а некоторые команды приглашают разработчиков в Армению, Казахстан и Сербию.
Регистрация на мероприятие продлится до 22 мая, подробнее здесь
🤡26💩15👍9🤮2👎1😢1😐1
Знакомьтесь, tRPC
Разрабатываем простое типобезопасное клиент-серверное приложение с tRPC, React и Express. tRPC позволяет создавать типобезопасные API без схем или кодогенерации.
https://my-js.org/blog/trpc-intro/
Разрабатываем простое типобезопасное клиент-серверное приложение с tRPC, React и Express. tRPC позволяет создавать типобезопасные API без схем или кодогенерации.
https://my-js.org/blog/trpc-intro/
🔥11👎1
Возможности JS и TS, о которых многие не знают
▫️Теггированые шаблонные литералы,
▫️
▫️globalThis,
▫️WeakRef,
▫️явное определение неиспользуемых переменных и многое другое.
https://my-js.org/blog/js-ts-features
▫️Теггированые шаблонные литералы,
▫️
Promise.allSettled, ▫️globalThis,
▫️WeakRef,
▫️явное определение неиспользуемых переменных и многое другое.
https://my-js.org/blog/js-ts-features
🔥12👍2👎1
Адаптивный Dark mode, основанный на теме ОС
Простой пошаговый туториал по темизации сайта.
https://1stwebdesigner.com/implementing-adaptive-dark-mode-based-on-users-os-settings-a-step-by-step-guide/
Простой пошаговый туториал по темизации сайта.
https://1stwebdesigner.com/implementing-adaptive-dark-mode-based-on-users-os-settings-a-step-by-step-guide/
👍11👎1🤯1🌚1