Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Building Your Own JavaScript Framework

You're reading from   Building Your Own JavaScript Framework Architect extensible and reusable framework systems

Arrow left icon
Product type Paperback
Published in Nov 2023
Publisher Packt
ISBN-13 9781804617403
Length 236 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
Vlad Filippov Vlad Filippov
Author Profile Icon Vlad Filippov
Vlad Filippov
Arrow right icon
View More author details
Toc

Table of Contents (16) Chapters Close

Preface 1. Part 1: The Landscape of JavaScript Frameworks
2. Chapter 1: The Benefits of Different JavaScript Frameworks FREE CHAPTER 3. Chapter 2: Framework Organization 4. Chapter 3: Internal Framework Architecture 5. Chapter 4: Ensuring Framework Usability and Quality 6. Part 2: Framework Development
7. Chapter 5: Framework Considerations 8. Chapter 6: Building a Framework by Example 9. Chapter 7: Creating a Full Stack Framework 10. Chapter 8: Architecting Frontend Frameworks 11. Part 3: Maintaining Your Project
12. Chapter 9: Framework Maintenance 13. Chapter 10: Best Practices 14. Index 15. Other Books You May Enjoy

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...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime