What is the need of JSF, when UI can be achieved with JavaScript libraries such as jQuery and AngularJS

by

JSF to plain JSP/Servlet/HTML/CSS/JS is like as jQuery to plain JS: do more with less code. To take PrimeFaces (jQuery + jQuery UI based) as an example, browse through its showcase to see complete code examples. BootsFaces (jQuery + Bootstrap UI based) has also a showcase with complete code examples. If you study those examples closely, then you’ll see that you basically need a simple Javabean class as model and a XHTML file as view.

Note that you should not see JSF as replacement of alone HTML/CSS/JS, you should also take the server side part into account (specifically: JSP/Servlet). JSF removes the need of all the boilerplate of gathering HTTP request parameters, converting/validating them, updating the model values, executing the right Java method to do the business stuff and generating the HTML/CSS/JS boilerplate code. With JSF you basically end up with a XHTML page as view definition and a Javabean class as model definition. This greatly speeds up development.

As with every component based web MVC framework, you have in JSF less fine-grained control over the rendered HTML/CSS/JS. Adding custom JS code isn’t that easy as you have to take the JSF view state in the server side into account as well (e.g. enabling a disabled button in JS side won’t enable the button in JSF side, which is in turn a huge security advantage). If that is however a major showstopper, then rather look for an action based web MVC framework like Spring MVC. You’ll only take into account that you have to write all that HTML/CSS/JS code (and prevention against XSS, CSRF and DOM-manipulation!) yourself. Also if you fall back from Facelets to JSP, you’ll miss advanced templating capabilities as well.

On the other hand, if you have a big JSP/Servlet/HTML/CSS/JS/jQuery based website and you’d like to refactor the repeated JSP/Servlet/HTML/CSS/JS/jQuery boilerplate code into reusable components, then one of the solutions would be JSF. Custom templates, tagfiles and components can aid in this. In that perspective, JSF stands above JSP/Servlet/HTML/CSS/JS/jQuery (and that’s also why it’s pretty important to understand those basics before diving into JSF).

You can find a real world kickoff JSF based project here: Java EE Kickoff App. You’ll see that it contains next to JSF as good HTML5, CSS3 and jQuery.

See also:

More Related Contents:

  1. One or more resources has the target of ‘head’ but not ‘head’ component has been defined within the view
  2. What are MVP and MVC and what is the difference?
  3. How to maintain widgets aspect ratio in Qt?
  4. Programmatically Lighten a Color
  5. Blackberry User Interface Design – Customizable UI?
  6. How to customize a ListField in BlackBerry?
  7. How can I upload a PDF file using Karate UI Automation? [duplicate]
  8. Wix, custom dialog when previous version exists
  9. Good text foreground color for a given background color
  10. Blackberry – Loading/Wait screen with animation
  11. How to do page navigation for many, many pages? Logarithmic page navigation
  12. Why is good UI design so hard for some Developers? [closed]
  13. Blackberry – fields layout animation
  14. ProgressBar in Javafx does not update in onAction block
  15. Is functional GUI programming possible? [closed]
  16. What is the shortest perceivable application response delay?
  17. Adding scroll bar in subplots within GUI
  18. Should I use QCoreApplication::processEvents() or QApplication::processEvents()?
  19. Round Specific Corners SwiftUI
  20. Alternatives to ssh X11-forwarding for Docker containers
  21. How do you add UI inside cells in a google spreadsheet using app script?
  22. Adding a GUI to VBScript
  23. Given a background color, how to get a foreground color that makes it readable on that background color?
  24. Qt signaling across threads, one is GUI thread?
  25. JSF vs HTML(JSP) for enterprise portals UI layer. Which one to Choose? and WHY? [closed]
  26. Matplotlib plot zooming with scroll wheel
  27. How to make a GUI for bash scripts? [closed]
  28. Difference between Mojarra and MyFaces
  29. How does the event dispatch thread work?
  30. How to make a redirection on page load in JSF 1.x

Leave a Comment