Angular Material Vs Bootstrap material [closed] - angularjs

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I am making a project a small test application.I would like to make it on material design than I have three options angular material,bootstrap material and materialize. Bootstrap material is less complicated than any other one but not as good as angular material (when compared on the basis of features) but too easy as compared to angular material.
While bootstrap material uses traditional methods of responsive design angular material uses flex(not supported by many browsers) and this application will go live in schools and collages in india where browsers are old? So I want a expert's comparision and review on this problem and which one I should use and also want to know some nice resources on angular material
In a single line
how can I remove layouting code from css and js of angular material so that I can use bootstrap for that purpose?

Related

Should I use Ant.Design or MaterialUI or React-Bootstrap? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 2 years ago.
Improve this question
I want to use one of the theme library with reactJs.
My requirements are:
Theme Control
Fast Development
Easy to Read Code and Debug
If necessary, I can easily modify my Components UX in future
and obviously, Mobile Friendly
Its good to use a UI framework for react as they give you pre-build components that are efficient, responsive, and customizable. However, each framework has its pros and cons. Before choosing a framework I recommend checking how good the documentation is as well as checking the stars on GitHub although it's not the only metric to judge how good a framework is. Every framework is great in its own place however here are some features of Ant Design, Material UI, and React Bootstrap.
Ant Design
High-quality React components out of the box.
Written in TypeScript/ Supports Typescript.
Powerful theme customization in every detail.
Internationalization support
Great documentation
Open-source.
Material UI
Premium themes available.
Not easy to customize.
Based on material design spec developed by Google.
Lots of components.
Open-source.
React-Bootstrap
More control over form and function of each component.
Easy Responsiveness.
Great documentation.
Open-source.
One of the oldest React library.
Mobile first.

angularjs and Twitter bootstrap conflict? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 5 years ago.
Improve this question
can i use angularjs with Twitter bootstrap or not?
I try to create a simple app and no conflict between angular and bootstrap, so why does ui-bootstrap exist?
Angular JS will work with bootstrap, but its ok to do this only when AngularJS does not try to manipulate the bootstrap elements (E.g: Modal)
Reason:
Bootstrap is based on JQuery, suppose you want to do some modifications to the bootstrap elements(E.g: Modal which works on JQuery) using angular, you will start facing issues, because Bootstrap's(JQuery) javascript which takes care of this, exists outside the angular framework, because of this, when you update a variable in angularJS you will experience multiple issues, like variables not updating immediately and other issues.
Solution:
To tackle this, the Internet Gurus have given us a vast collection of plugins/directives for using these JQuery plugins in our angular application. This plugin acts as the middle man and will sync up AngularJS with JQuery code. Some of the plugins may have the whole library rewritten.
Conclusion:
So please refrain from implementing JQuery code directly in an angular application. Scour the internet for a suitable plugin for it, it will save you lots of time debugging unwanted issues!

AngularJs is responsive then why do we apply responsive layout? why isn’t it default? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 6 years ago.
Improve this question
I read that angularjs is responsive framework then when we use angular material for web page then why web page by default is not responsive?
AngularJS itself isn't responsive - it's purely a JavaScript framework. It's just commonly used for responsive websites.
Angular Material is a combined JavaScript/CSS framework which includes responsive CSS features (as many CSS frameworks do).

Choosing bootstrap vs material design [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
I'm going to start new project using AngularJS (full stack). My project needs to be responsive and I'll be creating templates from scratch.
So I need an advice on whether to choose bootstrap 3 (with angular directives) or material design for layouts?
I'd greatly appreciate if someone can list the pros & cons of both.
As far as I know you can use all mentioned technologies separately or together. It's up to you. I think you look at the problem from the wrong angle. Material Design is just the way particular elements of the page are designed, behave and put together. Material Design provides great UI/UX, but it relies on the graphic layout (HTML/CSS) rather than JS (events, interactions).
On the other hand, AngularJS and Bootstrap are front-end frameworks that can speed up your development by saving you from writing tons of code. For example, you can build web app utilizing AngularJS, but without Material Design. Or You can build simple HTML5 web page with Material Design without AngularJS or Bootstrap. Finally you can build web app that uses AngularJS with Bootstrap and with Material Design. This is the best scenario. All technologies support each other.
Bootstrap = responsive page
AngularJS = MVC
Material Design = great UI/UX
You can check awesome material design components for AngularJS:
https://material.angularjs.org
Demo: https://material.angularjs.org/latest/demo/

Angular-UI vs Angular-Strap [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
So currently I'm using Angular UI Bootstrap but I've noticed Angular-Strap has been re-written to not be jQuery wrapped directives.
Going through the new code of Angular-Strap I've noticed some pretty nice improvements such as touch and more enhanced functionality over Angular UI. Angular Experts, what is your current perspective on the two at the moment?
I know that the Angular-UI team has worked hard to remove all jQuery and Bootstrap dependencies from their code, the same as Angular Strap. They both support Bootstrap 3x so you gain nothing by going with a specific library from that perspective either. It really comes down to what features are implemented between the two.
If there are features you need that Angular Strap has that Angular-UI doesn't go with Angular Strap. The same can be said for Angular-UI. It really gets down to which one best fits your development.

Resources