В настоящее время инфраструктура внешнего интерфейса Javascript расширилась, как никогда раньше. Текущее поле битвы возглавляют самые популярные JS Angular, ReactJS и VueJS.
Согласно опросу, данные из обзора разработчиков ReactJs завоевали сердце разработчиков. Vuejs и Angular сравнялись 2-го числа.
Вы можете найти данные опроса по ссылке ниже
https://www.kaggle.com/sachag/state-of-javascript-2018 может получить данные опроса по этой ссылке.
Лично я начал использовать js-фреймворки в 2014 году, изучая angularJS, но, к сожалению, в следующем 2015 году angularJ стал Angular2 с кардинальным изменением, и в этот момент я потерял связь с angular и отправился на поиски другой лошади для езды.
Перенесемся в 2019 год. Я использую Vuejs для своих личных проектов и предпочитаю Vuejs новым разработчикам за короткую кривую обучения, по крайней мере, более короткую, чем JSX.
Свелте четвертую лошадь:
Я наткнулся на svelte неделю назад и понял, что он отличается от других фреймворков, в основном это скорее компилятор, чем фреймворк. Svelte запускает время сборки, что означает, что он не будет включать сам фреймворк в качестве жесткой зависимости, а эффективность производительности намного выше, чем у фреймворков, управляемых состоянием, таких как Vue или React.
Чтобы создать шаблонное приложение Svelte, вы должны установить node, npm и npx на локальном компьютере и выполнить следующую команду.
npx degit sveltejs/template my-svelte-project cd my-svelte-project npm install npm run dev
Он откроется в «localhost:5000» с примером Hello world.
Волшебство вы найдете в файле «package.json». В svelte файл пакета выглядит так,
Как видите, зависимостей нет, есть только devDependencies, потому что svelte — это компилятор, который не будет раздувать приложение ненужным сценарием. Я думаю, что это очень важно для тяжелого проекта, зависящего от данных, где вам не нужны дополнительные ноги с вашим кодом.
Открыв файл App.svelte, вы найдете этот код
Если вы знакомы с VueJs, это очень похожий подход к написанию кода, подход с одним компонентом и одним файлом.
Svelte имеет потрясающую функцию разметки неиспользуемых CSS, которая помечает все неиспользуемые CSS в коде, а также анимация и поддержка CSS в svelte просты благодаря мощной библиотеке.
Для изучения svelte документацию вы найдете на их официальном сайте.
Действительно полезный встроенный компилятор — отличная функция для сокращения кривой обучения, а наличие библиотеки примеров может дать удобный опыт по сравнению с функциональностью.
https://svelte.dev/examples#hello-world
Хотя svelte не является зрелым, как Angular, и не популярен, как ReactJ, у него действительно многообещающий список функций и сильное сообщество.
Создатель svelte Рич Харрисопубликовал последнее видео об обновлении svelte3, новой реактивной функции и других функциях обновления. 100% стоит посмотреть.
Также уделите особое внимание производительности. Svelte может стать хорошим активом в вашей библиотеке знаний.
Не стесняйтесь задавать любые вопросы или обсуждать их в комментариях/Linkedin.