Book Image

Building Your Own JavaScript Framework

By : Vlad Filippov
Book Image

Building Your Own JavaScript Framework

By: Vlad Filippov

Overview of this book

JavaScript frameworks play an essential role in web application development; however, no single framework works perfectly for all projects. This book will help you understand existing projects, design new software architecture, and maintain projects as they grow. You’ll go through software architecture principles with JavaScript, along with a guided example of structuring your project and maintenance guidance. This book covers framework planning aspects, enabling you to identify key stakeholders, understand JavaScript API design, and leverage complex abstraction. The second part of the book takes a practical programming approach to building your own framework by showing you how to structure modules and interfaces. As you advance, you’ll discover how to develop data-binding components, work with JavaScript APIs, and much more. While writing a framework is half the job, continuing to develop it requires effort from everyone involved. The concluding chapters help to achieve this by teaching you the crucial aspects of software maintenance and highlighting the constants of framework development. By the end of this book, you’ll have gained a clear understanding of the JavaScript framework landscape, along with the ability to build frameworks for your use cases.
Table of Contents (16 chapters)
1
Part 1: The Landscape of JavaScript Frameworks
6
Part 2: Framework Development
11
Part 3: Maintaining Your Project

Using the framework

Now that we have the architecture in place, we can go through a scenario where a developer uses our frontend framework parts to build a simple frontend example application. In Chapter 7, we performed the same task to get a good outline of all the features working together to achieve a certain task. To follow along, ensure that you have installed the dependencies, and then you can start the sample app in the following directory:

> cd chapter7/componium/tests/sample
> componium dev
Executing (default): SELECT 1+1 AS result
Componium Server (PID: 59938) started on port: 9000

You will be able to open the browser at http://localhost:9000 to view the application.

Figure 8.5: A sample client-side app

Figure 8.5: A sample client-side app

Based on Figure 8.4, we want to create a page with a header called List of frameworks. We also want to list some frameworks on this page. Every framework entry should attach to the client-side view and show a number of star points...