It may seem contradictory, but you shouldn't use a framework unless you absolutely need it. While frameworks can speed development, there is overhead and they will take longer for your users to download.
- structure your app
- build your app into pages
- animate between them
- establish where the data will go
- how you communicate with a back-end, etc.
These would be the Angular's, the Reacts, etc.
One thing to realize is that there are so many varieties of frameworks that you cannot keep up. Instead of trying to stay current with what's available, look for frameworks that have been around for a while, are supported by a big company, that have a vibrant ecosystem and community around them. Inevitably, you will run into issues and if you can Google for solutions, this will save you a lot of time.
Chrome Developer Tools
Import Only What You Need
Use Webpack, Gulp, or Grunt to keep your code organized and only import the features you need. If you're not careful, frameworks can bog down your application while working their magic.
Fortunately, you can bypass loading the entire framework by importing or requiring specific features you want to utilize with the help of ES6.
Beware of Boilerplate
Boilerplate can be a great asset for getting a project up and running quickly. However, it's even easier to get lost in the bulky cluster installed by default. Take the time for a tutorial, then build something small from scratch to quickly find the framework that best suits your needs.
With the new frameworks, you can build completely native iOs, Android apps, server-side apps, chatbots, and you can control robots with NativeScript, etc.
Into the Future
About the Author
Nathan Segal has been working as a freelance writer for 18 years. In that time he has published more than 1,000 articles and has written 9 books. You can learn more about him at http://NathanSegal.org.