Posted on 9/26/2017 in Web Development
By Steve Karrmann
JS Framework Benefits
- Built-in HTML templating: Data displayed within your site's markup is cleanly formatted and easy to read.
- Component-based design: Representing site content through self-contained components is the norm. This enables content reuse and provides a standard model for content structure and behavior.
- Robust data management: The application state is managed within the framework's data models instead of scattered throughout the DOM. Faster performance: Web page content updates are only written when necessary. To-be-rendered content is maintained in a virtual DOM and is rendered to the actual DOM when content changes occur.
Integrate Your CMS
Before using a JS framework, web browsers must be able to communicate with your CMS through AJAX requests. This frontend-to-backend communication is fulfilled by creating a REST service that leverages CMS APIs. Here is an overview of the data flow:
- On the website visitor's web browser, the JS framework sends an AJAX request to the REST service.
- On the webserver, a REST service controller receives this request. The controller calls the CMS API to access and/or modify data in the CMS, and then sends a response to the visitor's browser.
- Back on the website visitor's browser, the JS framework received this response. Response data is processed to dynamically update the web page content.
These popular CMSs all offer straightforward REST service integrations, either natively or after minor configuration:
Developers should guarantee content editors can edit content handled by the JS framework. This can require additional accommodations, such as exposing framework configuration options in the CMS, defining CMS components (such as Kentico's web parts) that are processed as framework components, and passing translatable text labels to the framework.
Choose a Framework
There are plenty of JS frameworks to choose from, so here are a few modern options:
- Vue: Approachable and versatile, Vue's syntax is surprisingly intuitive. Developers can begin using it directly in the browser without special build tool commitments and then graduate to a more professional setup once the need arises.
- React: More library than framework due to its strict focus on creating UI components, React nonetheless possesses all the benefits of modern JS frameworks. State of the art application state management and professional tooling are two of React's foremost strengths.
- Angular: With its vast API and standardized application structure, Angular is especially suitable for web apps. Code is written in TypeScript, and many developers prefer working with this extended alternative to JS.
Learning a new JS framework can be intimidating. Of these suggestions, I currently recommend Vue due to its friendly learning curve. It is neither imposing in its conventions nor required tooling, however, seasoned developers seeking these perks are acknowledged. That said, each framework has its advantages, and the "right choice" varies by project and team.
Embrace Modern Web Development
Interesting in Improving Your Website's Capabilities?
Let our experienced web developers review your site and uncover opportunities to enhance functionality for a more impressive user experience.
Optimize Your Website
When people think of long-haul trucking, heavy shipping, or other sectors of the transportation industry, “cutting-edge online experience” may not be [...]
Healthcare websites face a unique balancing act of simultaneously conveying patient comfort and clinical prestige. If it’s done right, a website [...]
Have you ever been writing, designing, or managing a web page and realized you had more information than you knew what to do with?“Nobody will read [...]