2021 год закончился, а 2022 пришел. Для китайцев народ, новый год начинается после весеннего фестиваля. В первом месяце 2022 года я подведем подведем некоторые отчеты, связанные с технологиями. Эта статья подведет суммируют 6 рекомендуемых интерфейсных проектов на Github в 2021 году. На основании количества звезд на Github мы можем видеть из этой тенденции Окончание разработки некоторые тенденции развития.
1. Next.js
React был популярен в течение многих лет, но, что удивительно, в 2021 году он все еще рос. React Next.js — это фреймворк для продакшена, который предоставляет все функции, необходимые для продакшн-среды: смешивание статического и серверного рендеринга, поддержка TypeScript, интеллектуальная привязка, предварительная выборка маршрутизации.
Официальный сайт:nextjs.org/
Количество звезд:79.7K
2. Tailwind CSS
В эпоху CSS и JavaScript атомарный CSS демонстрирует преимущества удобства, высокой семантики и высокой степени связывания. Tailwind — это CSS-фреймворк, ориентированный на утилиты, который включает в себяflex
,pt-4
,text-center
а такжеrotate-90
и другие классы, вы можете комбинировать и создавать любой дизайн прямо в тегах HTML.
Официальный сайт:GitHub.com/tailwind horn…
Количество звезд:52.4K
3. Vite
В то время как Webpack остается прочно на троне инструментов сборки, появился новый грозный соперник. У Webpack всегда была слабость: слишком медленная сборка во время разработки. Новый Challenger Vite использует ESModule для загрузки модулей, что значительно повышает скорость сборки.
Являетесь ли вы разработчиком React или разработчиком Vue, Vite — это инструмент сборки, который стоит попробовать.
Официальный сайт:github.com/vitejs/vite
Количество звезд:36.2K
4. Tauri
Tauri — это платформа для создания крошечных и быстрых двоичных файлов для всех основных настольных платформ. Разработчики могут интегрировать любую интерфейсную структуру, которая компилируется в HTML, JS и CSS, для создания желаемого пользовательского интерфейса. Серверная часть приложения представляет собой бинарный файл rust с API, с которым может взаимодействовать внешний интерфейс.
По сравнению с Electron, он отказывается от Chromium и Nodejs и использует веб-просмотр операционной системы, поэтому пакет меньше.
Официальный сайт:GitHub.com/he-URI-apps/…
Количество звезд:27.7K
5. zx.js
Независимо от того, создаете ли вы локальную среду разработки или публикуете проект на облачном сервере, фронтенд-инженерам неизбежно приходится иметь дело с Bash.Традиционные сценарии оболочки — это независимый язык программирования. Если вы попытаетесь изучить и хорошо использовать скрипты Shell, у фронтенд-разработчиков возникнет определенное сопротивление. Для лучшего использования сценариев оболочки Google выпустила инструмент под названием ZX.js, который позволяет создавать сценарии на JavaScript.
Официальный сайт:GitHub.com/Google/Эти #-…
Количество звезд:26.3K
#!/usr/bin/env zx
await $`cat package.json | grep name`;
let branch = await $`git branch --show-current`;
await $`dep deploy --branch=${branch}`;
await Promise.all([$`sleep 1; echo 1`, $`sleep 2; echo 2`, $`sleep 3; echo 3`]);
let name = "foo bar";
await $`mkdir /tmp/${name}`;
Если вам нужно задействовать сценарии оболочки в процессе разработки внешнего интерфейса, эта библиотека сценариев является хорошим выбором для написания сценариев оболочки на JavaScript.
6. Slidev
Slidev — это инструмент, который может конвертировать Markdown в PPT, используя технологии для повышения эффективности.
Официальный сайт:GitHub.com/V of Victory is/Забудьте об этом…
Количество звезд:17.6K
Онлайн ДЕМО:стек blitz.com/edit/Victory V…