6 фронтенд-проектов, рекомендуемых GitHub в 2021 году

GitHub React.js Vite
6 фронтенд-проектов, рекомендуемых GitHub в 2021 году

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…