Создание сайтов в Луганске, ЛНР. Начинайте новые проекты быстрее: 10 инструментов для веб-разработки

В этой статье я представлю вам список из 10 библиотек, которые помогут вам быстрее начинать новые проекты. Большинству из нас в SitePoint трудно устоять перед свежим репозиторием, и мы хотели посмотреть, сможем ли мы сузить идеальный набор инструментов для разработчика, склонного к проектам.

Если вы относитесь к тому типу разработчиков, которым нравится часто запускать новые проекты, выпускать их в мир и смотреть, плавают ли они (проверка, как мог бы назвать это ваш друг из отдела маркетинга), то вам нужен набор инструментов. Конечно, если вы раз в год запускаете что-то новое в свободное время, то изучение этих инструментов, скорее всего, будет стоить вам времени — это не для вас. Но если вы обнаружите, что теряете интерес к разгадке, будет ли домашняя страница располагаться в один столбец или в три, вам понадобится вся возможная помощь.

Я выбрал инструменты для этой статьи за их способность превратить вас с нуля в героя за максимально короткое время. Учитывая, что целью здесь является быстрая загрузка вашего проекта, я также включил не только библиотеки, но и все виды инструментов, которые превосходно обеспечивают экономящее время создание каркаса и сильное преимущество в скорости. Я сделал выбор, чтобы охватить различные аспекты проекта — вы можете использовать несколько из них вместе для получения выигрышной комбинации.

Метеор

Meteor — это полнофункциональная среда JavaScript для создания как веб-приложений, так и мобильных приложений.

Мы не можем говорить о быстром, не упоминая его. Метеор — король скорости. Он привязывает вас к своим правилам и способам ведения дел, но если вы стремитесь получить прототип как можно скорее, Meteor прикроет вашу спину.

Метеор — Начинайте новые проекты быстрее

Одной из замечательных особенностей Meteor являются возможности совместного использования кода сервер-клиент. Это экономит много времени и помогает сосредоточиться на том, что действительно важно.

Он также поставляется с интеграцией MongoDB и WebSockets прямо из коробки.

Паруса

Sails — это платформа веб-приложениймодель-представление-контроллер. Это уменьшает трудности для разработчиков, которые уже знакомы с другими средами MVC, независимо от языка или платформы.

Что делает Sails.js уникальным, так это то, как он упрощает процесс создания обычных современных веб-приложений благодаря упрощенному уровню доступа к данным, который не зависит от базы данных, и схемам API REST, которые генерируют маршруты и действия на основе дизайна вашего приложения.

Паруса — Начинайте новые проекты быстрее

Среди прочего, он обеспечивает базовую безопасность и управление доступом на основе ролей, а также готовую интеграцию WebSockets, что делает его отличным выбором для приложений реального времени.

MongoDB + Мангуст

Если вы используете MongoDB, вы должны извлечь выгоду из ее верного компаньона, Mongoose. Эта библиотека помогает вам легко моделировать ваши данные в схемы, а также, среди прочего, помогает приводить и проверять. Это блестящий способ избавиться от множества шаблонов, которые в противном случае тянули бы вас вниз.

MongoDb — начинайте новые проекты быстрее

Мы могли бы сказать, что это два в одном, учитывая, что он подразумевает использование MongoDB, что является фантастическим выбором, используете ли вы Mongoose или нет. MongoDB — это... ну, позвольте мне процитировать их веб-сайт:

MongoDB — это универсальная распределенная база данных на основе документов, созданная для современных разработчиков приложений и для эпохи облачных вычислений.

И в завершение добавляют:

Никакая база данных не сделает вас более продуктивным.

Ну вот. Что еще тебе нужно? Хватит откладывать на потом и займись кодированием!

Лодаш

Lodash предоставляет удобный набор инструментов, которые сделают вашу повседневную жизнь программиста более комфортной. Он помогает вам с итерацией, упорядочением, дросселированием, устранением дребезга и, возможно, любой функцией, которую вы в конечном итоге добавили бы в файл utils.

Lodash — Начинайте новые проекты быстрее

Одним из действительно крутых аспектов Lodash является то, что все его функции можно импортировать или даже установить отдельно. Не нужно загромождать ваши пакеты ненужным кодом.

Если вам просто нужна функция дроссельной заслонки, вы можете сделать это:

npm install lodash/throttle

Если вы думаете, что можете использовать несколько функций Lodash, но не уверены в том, какие именно, и не хотите возиться с установкой каждой из них по отдельности, вы можете импортировать их следующим образом:

import throttle from 'lodash/throttle’

Таким образом, остальная библиотека не попадет в ваш бандл, и вы сможете жить долго и счастливо.

Стройный

Svelte — относительно новый интерфейсный фреймворк, который уже некоторое время вызывает много шума, и на то есть веская причина. Он настолько прост в использовании, что ваш малыш-племянник может украсть вашу работу, если вы познакомите его с ней. Я не шучу; это минималистичный фреймворк без BS, который заставит вас задаться вопросом, почему он вообще стал таким сложным для создания интерфейсов.

Не поймите меня неправильно: написание внешнего кода по-прежнему будет сложным, но не по неправильным причинам. Если это то, к чему ведет нас будущее веб-разработки, то я не могу дождаться, чтобы увидеть, что будет дальше.

Стройный

Svelte реактивен по умолчанию. Нет необходимости в сложных библиотеках управления состоянием или Virtual DOM и тому подобном. Он даже не запускается в браузере. Он компилирует ваш код в крошечный оптимизированный ванильный файл JavaScript, и именно его запускает браузер. Итак, вот оно: помимо того, что он очень прост в использовании, он еще и великолепен.

Проверьте примеры на их веб-сайте, если вы мне не верите.

Vue.js + Vue CLI

До Svelte Vue.js определенно был моим лучшим выбором для самого простого внешнего интерфейса. И он все еще может устоять на этой арене против остальных своих конкурентов. Преимущество Vue.js в том, что он зрелый и надежный. Сначала он изо всех сил пытался завоевать доверие отрасли, но сейчас мы находимся в точке, когда никто не может утверждать, что Vue.js заслужил свое законное место на полюсе.

Vue — начинайте новые проекты быстрее

Но то, ради чего мы здесь, — это не Vue.js как таковой, а Vue CLI. Это, безусловно, самый быстрый способ запустить проект с помощью Vue.js. Он берет на себя все хлопоты и сложности, связанные с настройкой вашей среды, и позволяет вам сразу приступить к написанию кода.

Что мне в нем нравится, так это его готовая поддержка TypeScript и Unity Testing, а главное преимущество заключается в том, что вам не нужно «извлекать» приложение для настройки среды. Это непревзойденная гарантия долгосрочной поддержки, которую не может предложить его ближайший конкурент.

Реагировать + CRA

Близким конкурентом Vue CLI на «быстрой» арене определенно является приложение Create React, более известное как CRA. Это очень быстро, чтобы начать работу, и если вы уже знакомы с React, это может быть лучшим выбором для вас.

React — начинайте новые проекты быстрее

CRA активно поддерживается, и его внимание сосредоточено на постоянном обновлении вашей среды. Единственным недостатком этого является то, что если вам нужно настроить свою среду, вам обычно приходится «извлекать» ваше приложение, чтобы открыть конфигурацию веб-пакета. Как только вы это сделаете, команда CRA больше не будет оказывать поддержку, поскольку у вас больше не будет приложения CRA.

Тем не менее, если вы не пытаетесь создать что-то, основанное на определенной конфигурации, вам, вероятно, никогда не понадобится «извлекать».

Три.js

Если вы создаете что-то, что требует 3D в браузере, Three.js — ваш друг. Он очень прост в использовании, имеет отличное сообщество и столько же участников, сколько звезд на небе. Three.js делает WebGL простым.

Three.js — начинайте новые проекты быстрее

Three.js — это легкая библиотека рендеринга, которую можно легко интегрировать с большинством проектов, что делает ее лучшим выбором для WebGL. Вы должны проверить представленные проекты на их веб-сайте, чтобы вдохновиться. 3D в Интернете не обязательно должно быть только для игр. Вы можете привнести совершенно новое измерение в опыт вашего клиента.

Позвольте мне показать вам пару моих любимых:

go.pioneer.com/cornrevolution

hinderer-wolff.fr/cepages-alsace

А вот и бонус, музыкальное видео:

http://www.ro.me/

PixiJS

Нужна красивая и плавная 2D-анимация? Pixi — это механизм создания HTML5 со сверхбыстрым средством визуализации 2D WebGL.

Pixi — Начинайте новые проекты быстрее

Он очень прост в использовании, и вы должны проверить их галерею, чтобы увидеть множество интересных вещей, которые вы можете создать. Если что-то из этого похоже на то, чего вы пытаетесь достичь, эта библиотека поможет вам запустить ваш проект.

Пакет

Не поймите меня неправильно, я люблю webpack, но если вы чувствуете, что с вас достаточно этих сложных файлов конфигурации, вы не одиноки в этом мире. Parcel — это сборщик, который работает «из коробки» и не требует настройки. Вы можете настроить его, если вам нужно, но дело в том, что вам не нужно. Значение по умолчанию вполне подходит для запуска и запуска вашего проекта.

Parcel — Начинайте новые проекты быстрее

Вывод

Как мы видели, не существует универсального решения для всех, но, надеюсь, вы нашли в этом списке что-то, подходящее для вашего конкретного проекта. Конечно, я опускаю многие другие замечательные решения. Но, как я сказал изначально, в данном случае основное внимание уделяется не ремонтопригодности или масштабируемости, а тому, насколько быстро они могут вас запустить.

Создание чего-то экстраординарного не должно быть слишком сложным. Иногда это просто вопрос использования правильных инструментов.