📚 What Are Code Libraries?

📚 Syllabus Dot Point

Explore the types and significance of code libraries for front-end web development
Including: frameworks that control complex web applications, template engines, predesigned CSS classes

Imagine you are building a house. You could make every single brick by hand, forge your own nails, and mill your own timber — but that would take years. Instead, you buy pre-made bricks, nails, and timber from a hardware store and assemble them. A code library works the same way — it is a collection of pre-written, reusable code that developers can import into their projects instead of writing everything from scratch.

Every professional web application uses libraries. Instagram uses React. Netflix uses React. Airbnb uses React. Spotify uses React and Bootstrap. The Australian Government's design system is a code library. Without libraries, building modern web applications would take 10–50 times longer.

💡 Library vs Framework — What is the difference?

A library is a toolbox — you call functions from it when YOU need them. You are in control. jQuery is a library: you decide when to call $.ajax(). A framework is a blueprint — it provides the overall structure and calls YOUR code at the right time. The framework is in control. React is a framework: it decides when to re-render your components. The analogy: a library is like buying ingredients and cooking your own meal. A framework is like a meal kit — it gives you the recipe, the order, and the structure, and you fill in the specifics.