Различия между бутстрапом и ионикой

Question

Я читал эту статью Where does ionic framework fit in и пытаюсь выяснить различия между ионическим и бутстрапом. Из того, что я понимаю, у них очень похожие цели: они упрощают разработку веб-приложений, дают много хороших шаблонов дизайна и инструментов для css, js и html.

Насколько я понимаю, Ionic больше подходит для мобильных гибридных приложений, а bootstrap - в большей степени относится к приложениям на основе браузера, я прав? Но опять же, Ionic сам по себе не может преобразовать html в мобильное родное приложение, для этого требуется кордова. Итак, где же Ион? Как это отличается от бутстрапа? Кроме того, Ionic требует, чтобы угловой JS получал максимальную отдачу от него. Вы можете использовать только CSS-часть Ionic без AngularJS. Так что, если вы не хотите, чтобы в вашем проекте был угловой JJ, то можно сказать, что вам лучше с бутстрапом и кордовой? То, что я понял, заключается в том, что загрузочный бункер twitter также широко используется на обычных веб-сайтах таким образом, чтобы обеспечить хороший интерфейс для браузеров для ПК, поэтому цель заключается не только в том, чтобы хорошо выглядеть на смартфоне или планшете.

Не может ли быть так, что Ionic лучше для мобильного ощущения в гибридном приложении, которое является родным для мобильного? С помощью только кордовы и бутстрапа нельзя добиться того же, по крайней мере так же легко? Итак, с помощью бутстрапа вы можете более легко получить собственное приложение для браузера, но не так легко для родного гибридного мобильного приложения?

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

Answer 1

Вы не можете сравнить ионный и бутстрап таким образом.

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

Bootstrap сам по себе является только простой рамки для стилизации элементов html. Кордова предназначена для упаковки веб-страниц в контексте приложения.

Answer 2

Ionic Framework имеет схожие цели в том, что мы хотим помочь продвинуть рекомендуемые шаблоны проектирования и лучшие рекомендации по документу.

Ионные сочетания AngularJS (JavaScript кстати) с HTML5 + CSS и использует Cordova для доступа к собственным функциям устройства.

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

Узнать больше отличия here.

Answer 3

Ионные выигрыши на передней панели, где родное приложение должно вести себя как родной. Это означает, что его координация с угловыми делает переходы UI гладкими по сравнению с бутстрапом. Вы можете легко определить задержки перехода/анимации в случае обычного css/jquery.

Answer 4

Мы не можем сравнивать ионный и бутстрап. В основном потому, что bootstrap помогает при разработке веб-приложения. В то время как ионный используется для разработки мобильной первой заявки.Хотя мы можем разрабатывать мобильное приложение с использованием бутстрапа, ионные приложения выглядят и чувствуют себя более родными и дают лучшую производительность, чем бутстрап. Если вы с нетерпением ожидаете разработки мобильного приложения с хорошим внутренним внешним видом, продолжайте использовать ионный.

Answer 5

Построение веб-приложения немного более жизнеспособно в Ionic2, чем в Ionic1. Они добавили поддержку Progressive Web Apps (а также постоянную поддержку родных приложений), которая позволяет размещать ваше приложение в Интернете, но при этом ему нравится приложение для мобильных устройств. Проверьте это walkthrough of creating a PWA in Ionic2.

Конечно, вы, вероятно, хотите, чтобы на вашем веб-приложении ощущалось больше настольных ощущений. Вы можете приблизиться, используя responsive grid (очень похоже на сетку Bootstrap), разделенные панели и вложенные компоненты навигации. Это не совсем Bootstrap, но мы близки к возможности писать один раз, бегать везде ... Надеюсь!