Полноценная инфраструктура Meteor.js обеспечивает быструю Frontend разработку для сквозных веб-приложений и мобильных приложений в JavaScript. Из-за своей модульной структуры библиотеки очень удобно использовать пакеты. Сегодня данная структура используется для разработки приложений в таких компаниях, как Mazda, Honeywell и IKEA.

Преимущества Meteor.js: полноэкранная JavaScript платформа, наличие MongoDB, который лучше чем реляционные базы данных, не требуется промежуточное ПО или ORM, открытый исходный код, поддерживает Node.js модули, синхронизация данных, легко установить и начать работу, обновления пользовательского интерфейса для клиентской стороны без необходимости обновления браузера, отлично подходит для разработки чат-приложений.

Демо | GitHub

#js #frontend #framework

Next.js был запущен командой React.js в качестве инструмента для рендеринга на стороне сервера. Разработчики, работающие с комбинацией Next и React.js, могут значительно упростить процесс разработки интерфейса.

Next.js поставляется с набором замечательных функций, таких как маршрутизация на стороне клиента и автоматическое разделение кода. Прежде всего, Next.js поставляется с полной поддержкой CSS, известной как styled-jsx, чтобы упростить разработку дизайна пользовательского интерфейса. Некоторые преимущества Next.js:

— самостоятельная структура;
— собственный файловый маршрутизатор;
— очень легко быстро начать работать;
— очень удобная работа с antd и JavaScript;
— не создает большие статические страницы связки, они легче и быстрее загружаются, очень хорошо поддерживается командой разработчиков.

Демо | GitHub

#js #framework

Веб-фреймворки: введение для новичков

Веб-фреймворки сильно изменили мир программирования и стали неотъемлемой частью процесса разработки. Вы можете попробовать поискать информацию о них на сайтах, в статьях и книгах, но найдёте только общую и неоднозначную информацию — ничего, кроме бесконечных определений и сложных терминов, от которых закипает мозг.

Пора наконец разобраться, что из себя представляют веб-фреймворки.

Читать статью

#article #framework

Ember.js был использован при проектировании ряда сложных веб-сайтов, таких как Kickstarter, Heroku и LinkedIn. Ember.js идеально подходит для разработки сложных веб-приложений, а строковая система шаблонов, с которой она поставляется, способствует значительному уменьшению времени загрузки. Frontend JavaScript Framework также сконцентрирован на масштабируемости, чтобы разработчики могли легко работать как с мобильными, так и с веб-приложениями.

Демо | GitHub

#js #framework

За прошлый год популярность Koa выросла, хотя кажется, что уровень удовлетворения разработчиков этим фреймворком не изменился, ведь Express по-прежнему лидирует. Однако посмотрев на графики других бэкенд-фреймворков (например, Meteor), можно сказать, что дела Koa неплохие - и могут быть еще лучше.

Этот новый веб-фреймворк, который набрал более 24 тысяч звезд на GitHub, был создан той же командой, что и Express, как менее громоздкая, более выразительная и надежная платформа для веб-приложений и API. Используя средства асинхронного программирования, Koa позволяет отказаться от callback-функций и в разы эффективнее обрабатывать ошибки. В ядре Koa не проводится сборка промежуточного программного обеспечения. Этот фреймворк имеет набор первоклассных методик, которые делают написание серверов быстрым и приятным занятием.

Демо | GitHub

#js #framework #API

Svelte — это малоизвестный, но очень перспективный фреймворк. Ключевая особенность Svelte — очень маленький размер файла благодаря более короткому коду.

Задумка Svelte в том, что он является лишь инструментов для создания кода. После создания приложения оно может существовать отдельно от Svelte. Фреймворк будет применяться только в случае внесения правок.

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

Демо | GitHub

#framework #react #js #ractive

Spectre.css — лёгкий, отзывчивый и современный CSS фреймворк для ускоренной и расширяемой разработки. Spectre предоставляет базовые стили для шрифтового оформления и элементов, адаптивную систему макетов на основе Flexbox, а также чистые компоненты и утилиты CSS.

Особенности: лёгкий (~ 10 КБ в сжатом виде); эстетически приятные компоненты и цветовая палитра; интуитивно понятный синтаксис; гибкость: JS не требуется.

Демо | GitHub

#css #framework

UIkit — это легкий и модульный фреймворк для разработки быстрых и мощных веб-интерфейсов.

Он поставляется с широким спектром многоразовых и сочетающихся компонентов. Все UIkit классы с уникальными именами, поэтому они не будут мешать работе других конструкций и расширений, которые используются совместно не вызывая ошибок. Начальные размеры стартуют с 55Kb (js – 33Kb / css – 22Kb).

Демо | GitHub

#css #framework #ui

Nuxt.js — это фреймворк для создания универсальных приложений на Vue.js с использованием Node.js. С помощью него можно рендерить UI на сервере и генерировать статические сайты. Он абстрагирует большую часть сложной конфигурации, связанной с управлением такими вещами, как асинхронные данные, промежуточное программное обеспечение (middleware) и маршрутизация.

Демо | GitHub

#js #framework #vue

Impress.js — популярный фреймворк предназначенный для создания неординарных презентаций, которые демонстрируются просто в браузере. Фреймворк работает с последовательностью слайдов, каждый слайд в терминологии фреймворка именуется шаг (step). Что, и каким образом отображается внутри каждого слайда, определяется с помощью обычных средств HTML-разметки и CSS-стилей. Все слайды размещаются в неком трехмерном пространстве. Impress.js прекрасно работает в последних версиях браузеров Chrome, Firefox, Safari и IE.

Демо | GitHub

#js #framework #css

Mocha.js — это JavaScript фреймворк для Node.js, используемый для автоматического тестирования приложений. Он может использоваться как на стороне сервера Javascript, так и в браузере. Mocha.js позволяет проводить асинхронное тестирование. Скажем так: он создает окружение, в котором мы можем использовать свои любимые assert библиотеки.

Демо | GitHub

#framework #js #nodejs

Titanium JS — открытый фреймворк, использующийся для создания нативных приложений для мобильных устройств под управлением Android, iOS и Windows. Используется код, созданный в Appcelerator. В этом JavaScript фреймворке используется Alloy для ускорения работы с мобильными приложениями. Все созданные модули могут использоваться повторно для различных приложений. Это сокращает срок написания кода и сокращает его объем.

Демо | GitHub

#js #framework #alloy

🛠 Spine.js — небольшой MVC фреймворк, во многом он базируется на Backbone.js API. Веб приложения создаются непосредственно на JavaScript, что дает логическое разделение создаваемого кода и наследование моделей. Фреймворк довольно прост, входной порог невысок. Есть расширение Spine Moblie для работы с приложениями под мобильные устройства. Нет проблем с работой в разных браузерах, поддерживаются все современные. Отметим и очень подробную документацию.

🔍 Демо | 📂 GitHub

#js #framework #mvc

🛠 Knockout.js — JavaScript каркас веб-приложений, реализующий Model-View-View-Model шаблон. Основными принципами являются: чёткое разделение доменных данных, компонентов отображения и отображаемых данных; наличие чётко определённого слоя специализированного кода, задающего отношение компонентов отображения.

🔍 Демо | 📂 GitHub

#js #framework

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

В отличии от многих других фреймворков CSS, Tailwind не включает какие - либо компоненты, классы, такие как form-input, btn, card или navbar.

🔍 Демо | 📂 GitHub

#CSS #framework

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

Фреймворк предоставляет набор компонуемых объектов и поддержку ряда сторонних инструментов. Дает вам мощную комбинацию, которую можно использовать целиком или по частям.

🔍 Демо | 📂 GitHub

#framework #js #html

🛠 Fastify — современный фреймворк Node.js, создатели которого вдохновлялись такими проектами как Hapi и Express. Помимо того что это один из самых быстрых фреймворков (benchmarks), Fastify также очень дружественен к разработчику, полностью асинхронен и расширяем благодаря его хукам, плагинам и декораторам.

🔍 Документация | 📂 GitHub

#framework #js

🛠 Shoelace.css — лёгкая, прогрессивная библиотека CSS, созданная с использованием синтаксиса будущего CSS. Простая в использовании и настраиваемая. Пользователям Bootstrap эта библиотека покажется знакомой, но освежающей. Вы можете использовать Shoelace практически с любым браузером. Версия CDN отлично подходит для создания прототипов.

🔍 Демо | 📂 GitHub

#framework #css