Добро пожаловать в мой еженедельный дигест #27.
Этот еженедельный дигест содержит много интересных и вдохновляющих статей, видео, твитов, подкастов и дизайнов, которые я использовал в течение этой недели.
🎉 раздача
Мы отдаем любой курс, который вам нужен в Udemy. Любая цена любой курс. Чтобы войти, вы должны сделать следующее:
- 👍 Отреагировать на этот пост
- ✉ Подпишитесь на наш Новостная рассылка
Вы получите Наши статьи непосредственно к вашему Входящие 📬.
Интересные статьи для чтения
Экспорт по умолчанию отличается от экспорта {вещь как по умолчанию}
Вот как они отличаются, и когда это важно …
Экспорт дефолта по умолчанию отличается Экспорт {вещь как по умолчанию}
SVG Favicons в действии
Вы когда -нибудь слышали о измерениях, сделанных с SVG? Если вы постоянный читатель CSS-Tricks, у вас, вероятно, есть. Но использует ли ваш сайт один? Задача
SVG Favicons в действии
NPM Audit: разбит по дизайну
Найден 99 уязвимостей (84 умеренно не относящихся к делу, 15 крайне нерелевантными)
NPM Audit: разбит по дизайну
Некоторые отличные видео, которые я смотрел на этой неделе
Автоматическое государство React
Малоизвестный факт реагирует, отбирает изменения вашего состояния, чтобы привести к обновлению только одного рендеринга (DOM). За исключением случаев, когда это не так, Но теперь это так.
по Басарат
Создание поддерживаемого данными сайт.
Крис присоединился Крис Сев из Digital Ocean, чтобы рассказать о своей новой платформе приложений. Они собираются использовать его для создания небольшого веб-сайта: сайт будет похож на блог: сообщения с идентификаторами, названиями, контентом и более динамичным битом: «лайки». Они собираются использовать довольно современные технологии, чтобы сделать это.
по Крис Коййер
Введите безопасное график с типпиз
При строительстве с GraphQL вы определяете схему впереди, и это может быть очень удобно использовать, когда речь заходит о написании запросов, резокристов и т. Д., Особенно, если он находится в TypeScript. Итак, как вы делаете генерацию типа? Мы рассмотрим инструмент, который может генерировать вас типы TypeScript, а затем реализовать наш бэкэнд, используя их, прежде чем взглянуть на то, как они могут подключиться к передней части с помощью крючков React.
по Аарон Пауэлл
Вы делаете эту ошибку с CSS Colors?
Каждый разработчик должен определять цвета в CSS в какой -то момент, и, как правило, когда разработчик определяет цвета в CSS, они используют RGB или Hex, чтобы выписывать эти цвета. Технически нет ничего плохого в этом, но это далеко не лучший способ писать цвета в CSS.
VS Code Советы: Ссылки JSDOC
Используйте теги ссылки в комментариях JSDOC для ссылки на символы в вашем проекте JavaScript или TypeScript.
по Мэтт Бирнер
Полезные репозитории GitHub
Gittools
Этот репозиторий содержит три небольших сценария Python/Bash, используемые для исследования GIT.
Internetwache/Gittools
Репозиторий с 3 инструментами для веб -сайтов Pwn’ing с доступными .git Repositories
Этот репозиторий содержит три небольших сценария Python/Bash, используемые для исследования GIT. Читайте об этом здесь
Искатель
Вы можете использовать этот инструмент для поиска веб -сайтов с их хранилищем .git, доступным для общественности
Применение
Этот сценарий Python идентифицирует веб -сайты с общедоступным .git Репозитории Он проверяет, если .git/head Файл содержит refs/головы Анкет
$ ./gitfinder.py -h
###########
# Finder is part of https://github.com/internetwache/GitTools
#
# Developed and maintained by @gehaxelt from @internetwache
#
# Use at your own risk. Usage might be illegal in certain circumstances.
# Only for educational purposes!
###########
usage: gitfinder.py [-h] [-i INPUTFILE] [-o OUTPUTFILE] [-t THREADS]
optional arguments:
-h, --help show this help message and exit
-i INPUTFILE, --inputfile INPUTFILE
input file
-o OUTPUTFILE, --outputfile OUTPUTFILE
output file
-t THREADS, --threads THREADS
threads
Входной файл должен содержать цели по одному на строку. Сценарий выводит обнаруженные домены в форме [*] …
Гейст
Современная и минималистская библиотека пользовательского интерфейса React, происходящая из дизайна Vercel.
Geist-Org/React
Современная и минималистская библиотека пользовательского интерфейса React.
Современная и минималистская библиотека пользовательского интерфейса React, происходящая из дизайна Vercel.
Быстрый старт
запустить
пряжа добавить @geist-ui/Reactилиnpm i @geist-ui/ReactУстановите его.импортировать в проект:
import { GeistProvider, CssBaseline } from '@geist-ui/react'
const Application = () => (
)Документация
Разработка
Витрины
- Секрет
- Статья Просмотр Подсчет
- Зритель деревьев для CDN
- Лучший социальный образ
- Sentineo: почти земляный зритель объектов
- Дизайн приборной панели
- Добавьте здесь
ЛИЦЕНЗИЯ
Герметичный
Дриббл -снимки
Рецепт приложения дизайн
по Хади Альтаф
МЕБЕЛЬНАЯ ПЕРЕДЕЛИ
Приложение рецепта
по Хади Альтаф
Криптовалюта рынка посадка
Веб -заголовок
Марова – Виртуальная художественная галерея
по Zumur Deb
Твиты
Выбранные ручки
Генеративный параллелограмм покрытия
по Зак Сауцье
Подкасты стоит слушать
Синтаксис – Javascript событие модные слова
В этом поспешном удовольствии Скотт и Уэс определяют некоторые модные слова Javascript и рассказывают о том, что они имеют в виду!
Подкаст божьей коровки – Python
Обычно мы говорим о разработке фронта – но в программных программах так много других ниш. Сегодня мы поговорим о Python, для чего он используется, почему это здорово, и как он отличается от JavaScript.
Подкаст CSS – доступность
Сегодня мы разбиваем выбор стиля, связанный с доступностью, чтобы обеспечить лучший пользовательский опыт для всех ваших пользователей. К ним относятся видимость фокуса, навигация по клавиатуре и многое другое!
Спасибо за чтение, поговорите с вами на следующей неделе и оставайтесь в безопасности! 👋
Оригинал: “https://dev.to/worldindev/weekly-digest-27-2021-1f26”