Теперь среда внешнего интерфейса Javascript расширилась, как никогда раньше. На данный момент поле битвы возглавляют три самых популярных JS Angular, ReactJS и VueJS.
Согласно опросу, сердце разработчика покорили данные обзора ReactJs. Vuejs и Angular связали 2-го числа.
Вы можете найти данные опроса по ссылке ниже
https://www.kaggle.com/sachag/state-of-javascript-2018 можете получить данные опроса по этой ссылке.
Лично я начал использовать js-фреймворки в 2014 году, изучая angularJS, но, к сожалению, в следующем 2015 году angularJs стал 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 вы найдете эту форму кода.
Если вы знакомы с VueJ, это действительно похожий подход к написанию кода, однокомпонентный однофайловый подход.
В Svelte есть потрясающая функция разметки неиспользуемых CSS, которая будет отмечать все неиспользуемые CSS в коде, а также анимацию и поддержку CSS легко в svelte благодаря мощной библиотеке.
Для изучения Svelte документацию вы найдете на их официальном сайте.
Действительно полезный встроенный компилятор - отличная функция для сокращения кривой обучения, а также наличие библиотеки примеров может дать удобный опыт по сравнению с функциональностью.
https://svelte.dev/examples#hello-world
Хотя стройные, как Angular, и не такие популярные, как ReactJs, они еще не созрели, но у них действительно многообещающий список функций и сильное сообщество.
Создатель svelte, Рич Харрис, опубликовал последнее видео об обновлении svelte3, новой реактивной функции и других функциях обновления. 100% стоит смотреть.
Кроме того, сильное внимание уделяется производительности. Svelte может быть хорошим активом в вашей библиотеке знаний.
Не стесняйтесь задавать любые вопросы или обсуждения в комментариях / Linkedin.
