Today at work, I came across a reference to UI Bootstrap in the web application I’ve been working on. A teammate of mine had talked to me about it months ago, but I never took the time to understand when and why to use it. In the afternoon, I spent about 30 minutes diving in to gain that understanding. It wasn’t much, but I figured I would share what I learned here.
When I hear UI Bootstrap, I instinctively think about Bootstrap, “the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.” That said, it’s no surprise that Bootstrap is also commonly found in all types of websites, including Angular projects, but… there’s a problem.
As you go forward with your Angular and Bootstrap development, remember a couple of things. First, Angular already includes jQuery Lite, so adding a reference to jQuery is probably overkill. Second, if you need to use Bootstrap JS and want to avoid the dependency on jQuery, UI Bootstrap fills the gap. So, all in all, UI Bootstrap is Angular’s effort to maintain consistency while keeping functionality that developers expect.