Этот пост рассказывает о том, как работает Suspense, что он делает, и о том, как он может интегрироваться в настоящее веб-приложение. Мы рассмотрим, как интегрировать маршрутизацию и загрузку данных с Suspense in React. Для маршрутизации я буду использовать vanilla JavaScript и свою собственную библиотеку GraphQL micro-graphql-Reaction для данных. Если вас интересует React Router, он выглядит…
Боже, я смешной. Каждый раз, когда у нас есть довольно повторяющиеся селекторы, у которых есть общий родительский элемент, это, вероятно, место, где мы можем использовать псевдоселектор : is () . Хольгер Бартель демонстрирует так: секция h1, секция h1, секция h1, секция nav h1, статья раздел h1, статья статья h1, статья в стороне h1, статья nav…
Свойство line-зажим обрезает текст на определенное количество строк. На данный момент его спецификацией является черновик редактора, так что это означает, что здесь ничего не установлено, потому что это незавершенная работа. Тем не менее, он определен как сокращение для max-lines и block-overflow первый из которых отмечен как риск потери в рекомендации кандидата. Легко увидеть, как max-lines…
На этой неделе Крис Фердинанди исследовал умный фрагмент JavaScript, творчески написанный с новыми синтаксическими функциями, но, возможно, менее читаемый и производительный. Это краткое прочтение, но его призыв к тому, что наша индустрия зациклена на сообразительности, стоит … взывать: … мы стали одержимыми как отрасль с краткостью и умным кодом, и в…
Вы можете сделать якорную ссылку на садовый сорт ( ), чтобы открыть новое письмо. Давайте немного углубимся в эту функцию. Он довольно прост в использовании, но, как и в случае с любым другим вебом, нужно учитывать множество вещей. Базовая функциональность Пишите нам Это работает! Но мы сразу же столкнулись с проблемой…
Когда я впервые сделал изображение адаптивным, это было так же просто, как написать следующие четыре строки: img { максимальная ширина: 100%; высота авто; /* дефолт */ } Хотя это помогло мне как разработчику, это не было лучшим для аудитории. Что произойдет, если изображение в атрибуте src будет тяжелым? На устройствах высокого…
В последнее время проводились интересные эксперименты, связанные с типографикой. Я пытался придумать такую шутку, как «что-то в потомках», но я просто не могу найти что-то, что встанет на ноги, без труда противостоять. Кодрин Павел создал увлекательный многоцветный шрифт под названием CSSans. Это не «шрифт», потому что шрифт — это файл, такой…
От Крис Койер На 16 ноября 2018 года graphql Я нахожу GraphQL чрезвычайно интересным и способным работать, даже когда начинающий только начинает работу. Вероятно, вы слышали шаг лифта раньше: он позволяет вам запрашивать именно нужные вам данные, когда вам это нужно (возможно,…
Я думаю, что назвал области сетки в сетках CSS как принести собственный синтаксический сахар. Вы им абсолютно не нужны (вы можете выразить размещение сетки другими способами), но это может сделать это размещение более интуитивно понятным. И, эй, если я ошибаюсь, исправьте меня в комментариях. Предположим, вы создали сетку с тремя столбцами: .grid {…
Любой, кто строит сайт, который требует от пользователей создания учетных записей, столкнется с этой проблемой языка. Вероятно, этот язык будет распространяться на весь ваш сайт, от известных призывов к действию в главном героях, до постоянных кнопок заголовка, в вашу документацию. Итак, что правильно? «Зарегистрироваться» или «Зарегистрироваться»? Попробуем разобраться. С некоторыми исследованиями в области…