Vercel (компания, стоящая за Next.js), объявила о специальном издании своего следующего. JS Conf в прошлом месяце. Это было объявлено как сотрудничество с командой Google Chrome, поэтому я, безусловно, был взволнован! Что можно ожидать заранее, было еще большей скоростью и оптимизацией загрузки страниц и лучшим опытом разработчика, встроенного в структуру.
И они поставили на это! Next.js 11 был объявлен, это мои 3 лучшие функции:
Соответствие
Это система, созданная поверх Eslint, с набором предопределенных правил. Эти правила помогут вам как разработчику, чтобы избежать ошибок, которые могут негативно повлиять на ваши основные веб -жизненные силы. Это может быть что -то вроде забывания установить ширину и высоту на ваших изображениях, не используя компонент для внутренние ссылки ..
Чтобы использовать эту функцию, просто установите следующий.js 11, используя NPM установить следующее@Последние В вашем проекте, а затем запустите npx Следующее LINT Анкет Это создаст .eslintrc Файл, и вы получите свои ошибки/предупреждения в вашем терминале.
Я уже обновил свой личный сайт На next.js 11, и это было гладко, как всегда. После установки я запустил Следующее LINT командование и сразу обнаружил некоторые возможные оптимизации!
Оптимизации изображения
Next.js уже делает много оптимизаций изображений, когда вы используете их
Существует также возможность добавить размытого заполнителя для вашего изображения во время загрузки. Просто добавьте Placeholder = "Blur" к вашему местному
// example from the docs
Если вы хотите применить этот заполнитель к внешним изображениям (например, из плотины), вы можете предоставить Blurdataurl имущество. Это должно содержать изображение, кодируемое BASE64.
// example from the docs
Небольшой предварительный просмотр того, как это выглядит на моем сайте: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gw4rixzszthneoa640qv.gif
Next.js Live
Это следующая попытка сделать процесс разработки более инклюзивным, поэтому вы можете легко сотрудничать с (нетехническими) коллегами. Next.js Live ставит вашу среду разработки в браузер. Вы получаете живой URL, где все, с кем вы делитесь этим URL, видят, над чем вы работаете в режиме реального времени! Вы даже можете внести в живой код в браузере, которые сразу отражаются на веб -сайте. У людей также есть возможность опираться на веб -сайт, чтобы указать на потенциальные проблемы или дать обратную связь.
В настоящее время он находится в закрытой бета -версии, но вы уже можете зарегистрироваться здесь . Если вы уже хотите попробовать это с помощью примера проекта, это также возможно здесь .
Итак, некоторые хорошие объявления, и, безусловно, чего -то, чего можно с нетерпением ждать со следующим.js Live!
Оригинал: “https://dev.to/thomasledoux1/the-3-best-features-announced-at-next-js-conf-1ipa”