Dr. Jaspersoft - Advanced Customization: Revolutionizing JasperReports Server UI with Webpack
This webinar will dive deep into leveraging Webpack, a powerful module bundler, to tailor the JasperReports Server interface, integrate custom components, and streamline your front-end development workflow. Move beyond basic branding and gain the tools to create a truly unique and highly performant user experience.
In this webinar, you will learn how to:
Understand Webpack Fundamentals for JasperReports Server: Get a clear overview of what Webpack is, its core concepts (modules, loaders, plugins, bundles), and how it applies to customizing the JasperReports Server front-end.
Set Up Your Customization Environment: Learn the initial steps to configure a Webpack project for JasperReports Server, including setting up development and production build processes.
Customize UI Components and Pages: Discover how to modify existing JasperReports Server UI elements, inject custom JavaScript and CSS, and even introduce entirely new components using Webpack.
Integrate External JavaScript Libraries: Learn to seamlessly bundle and utilize popular third-party JavaScript libraries (e.g., React, Vue, D3.js) within your JasperReports Server interface.
Optimize Performance with Webpack: Explore advanced Webpack features like code splitting, minification, tree-shaking, and lazy loading to significantly improve the load times and responsiveness of your customized server.
Manage Dependencies and Assets: Understand how Webpack helps you efficiently manage your front-end assets, from images and fonts to complex JavaScript modules.
Best Practices for Maintainable Customizations: Gain insights into structuring your Webpack projects for long-term maintainability, upgrade compatibility, and collaborative development.
00:00 Waiting for audience & Intro
00:24 Next session
00:37 Agenda
01:32 Introduction of the Webpack for JasperReports Server
05:20 Setup and Webpack Configuration in JasperReports Server
12:21 Q&A: Since you are using Gitlab, is this available for the community and commercial edition?
15:13 Environment Variables and Scripts in JasperReports Server
23:19 Integrating External JavaScript Libraries
25:03 Webpack module.rules: Managing Assets and Dependencies
29:26 Webpack Dev Server
40:22 Build Optimization Techniques
44:14 Generating Visualize.JS Script as a Single File
50:52 Entry Points in Multi-Page Applications
53:38 Thank you!