"Что загорится в 2022 году? Чему научиться? Эта статья участвует«Поговорим о технологических тенденциях 2022 года»Требуют документов"
Чему должен научиться фронтенд в 2022 году, у всех разные мнения.
Но я всегда считаю, что данные никогда не лгут!
Давайте посмотрим на них в 2021 годуstarКакие среди бурно растущих библиотек есть «темные лошадки» и «повелители», которым стоит поучиться у фронтенда!
1. 👑ЗХ:Используйте js для написания более удобных сценариев оболочки
ZX.js 2021
starПриращение +24,3 К
Сегодня фронтенд-инжиниринг становится все более популярным, а инженерные проблемы, с которыми приходится сталкиваться фронтенд-людям, становятся все более и более сложными.Часто бывает, что фронтенд-исследования и разработки необходимо писать вручную.shellсценарий.
Но из-за стека технологий очень беспокоит качество скрипта и эффективность разработки.
zx.jsПоявление его, чтобы решить эту неловкую дилемму!
не так лиshellНу, я используюjsМожно и написать!
#!/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`,
])
zx.jsЕще раз доказал миру одну вещь: «Все, что можно использоватьjsРеализована библиотека, значит кто-то обязательно ей воспользуетсяjsбыть реализованным. "
Если у вас часто возникает необходимость писать сценарии, вы не должны пропустить этоzx !
Во-вторых, 👑Вите:Фронтенд-инструменты следующего поколения
Вите 2021
starПриращение +21,4 К
Vite (произносится как [weɪt], по-французски, быстро) — это инструмент для веб-разработки и построения, управляемый родным модулем ES. Разработано на основе собственного импорта ES браузера в среде разработки и упаковано на основе Rollup в производственной среде.
Хотя 2021webpackостается бесспорнымпостроить короля, но наконец-то появилось активное фронтенд-сообществоможет игратьпретендент.
viteЦельтесь сразуwebpackСамая критикуемая слабость: «слишком медленно развивается сборка».
viteМеч идет боком, вdevкогда черезesbuildпровестиesmФормат загружается модулями, что практически обеспечивает эффект «открытия за секунды». пусть теwebpackПри разработке как улитка замученные скоростью строительства застройщики прозвали «Ниубей».
На производственной сборке,viteзатем через старые инструменты сборкиrollupЭто был скромный пакет, снижающий трудности, участвующие в обычных разработчиках.
будь тыReactразработчик илиVueРазработчик,ViteОба средства стоит попробовать.
Поверьте, вам понравится.
Три, 👑Реагировать и Next.js:хорошие друзья
Реагировать 2021
starПриращение +18,5 тыс.
Next.js 2021
starПриращение +19,7 тыс.
ReactНе буду больше вводить о том, что это такое, я все понимаю, но чего я не ожидал, так это того, чтоReactДобейтесь такого резкого увеличения в 2022 году.
а такжеNext.jsосновывается наReactПлатформа приложения, основанная наNext.jsВы можете начать разработку легчеReactзаявление.
Скрипты сборки, команды упаковки, средства разработки, маршрутизация, управление состоянием, сетевые запросы, SASS/LESS, рендеринг на стороне сервера.
Вам не нужно «выбирать сложные болезни» в сообществе для всего этого, вы можете быстро приступить к разработке функций.
Sooooo Coooooool!
несмотря на то чтоNext.jsна основеReact,ноNext.jsРазве это не достижениеReactШерстяная ткань?
4. 👑Таури:Построить меньший и более быстрый кроссплатформенный настольные приложения
Таури 2021
starПриращение +18.0K
Tauri — это платформа для создания небольших и быстрых двоичных файлов для всех основных настольных платформ. Разработчики могут интегрировать любую интерфейсную структуру, которая компилируется в HTML, JS и CSS, для создания своего пользовательского интерфейса. Серверная часть приложения представляет собой
RustДвоичные файлы с API, с которыми интерфейс может взаимодействовать.
Увидев приведенный выше отрывок, многие люди, должно быть, подумали о другой библиотеке:electron.js.
написать то же самоеHTML/JS/CSS, то же кросс-платформенное, то же настольное приложение.
ЭтоTauriПочему внезапное появление в 2022 году?
С двумя убийственными ходами:
- меньше! коэффициент построения
Electronсборка меньше, потому что она отказывается от громоздкостиChromiumа такжеnodejs, внешний интерфейс использует операционную системуwebview, серверная часть интегрируетсяRust. - еще меньше! У него меньше памяти.
Пять, 👑CSS попутного ветра:«Атомный класс» CSS Practice Framework для новой эры
Tailwind CSS 2021.
starПриращение +18.0K
Это утилита в первую очередьCSSФреймворк, который используется аналогично «атомарным классам» 10 лет назад:
Вы можете сделать это с чем-то вродеflex,pt-4,text-centerЭто наименование, чтобы сформировать соответствующийCSSкод.
Некоторые люди говорят, что это переворот в истории.
Но взрослые, времена изменились.
В настоящее время высококомпонентный,CSS IN JSбурная эпоха, вTailwind CSSс помощью распыленияCSSОн показывает свои преимущества удобства, высокой семантики и высокой степени связывания.
«Старое дерево отращивает новые ветви» может не подойти, может быть, мы можем только искренне вздыхать, что «атомарный CSS» открыл подходящую для него эру.
6. 👑Слайдев:Слайды презентации на основе Markdown
Слайдев 2021
starПриращение +16,9 К
Вы все еще страдаете от невозможности игратьPowerpointВаши презентации всегда будут выглядеть по-особенномуlow? Вы когда-нибудь хотели, чтобы вы могли манипулировать своей презентацией так же, как манипулируете своим кодом?
давай! это вSlidevЭто все есть!
markdownХорошие новости для любителей глубоких! Библиотека слайд-шоу с открытым исходным кодом, предназначенная для разработчиков. пройти черезSlidev, в состоянии пройтиMarkdownБыстро создавайте более гибкие, более выразительные и привлекательные слайды.
Семь, 👑Сборка:быстроJavascriptупаковщик
Эсбилд 2021
starПриращение +12,9 К
Чиновники Esbuild считают: «Все другие современные инструменты упаковки в 10-100 раз медленнее, чем должны быть».
"Я ни на кого не нацеливаюсь. Я делаю
webpack/rollupНе могу дождаться. "
Почему?
- это основано на
golang, то есть чемnode.jsбыстро. - Алгоритмы высокопараллельной обработки.
- Умеренный функциональный дизайн.
- Перепишите основной набор инструментов.
2021,EsbuildМожно сказать, что он сияет в переднем круге, самая большая темная лошадка в этом году.Viteтоже выбрал не раздумываяEsbuildкак один из собственных инструментов сборки.
Можно сказать, что в эпоху стремления к эффективностиEsbuildДолжно быть более широкое пространство.
конец
я春哥.
Я люблюvue.js , ElementUI , Element PlusЧто касается стека родственных технологий, то моя цель — поделиться с вами самыми практичными и полезными моментами знаний, надеюсь, каждый сможет пораньше уйти с работы, быстро закончить работу и успокоиться.
ты сможешьНаггетсСледуй за мной или вНет публикинайди меня в:前端要摸鱼.
Надеюсь, вы все станете сильнее в 2022 году.