◆ AI Learning · Hard rule

How should a developer create new blog pages?

A developer must use existing components for blog pages. The developer must not create new HTML. Using existing components saves time and effort.

By Pawan Nayar · from the LLOS AI Learning record

The rule

A developer must use existing components for blog pages.

The developer must not create new HTML. Using existing components saves time and effort.

A developer should always use the existing component library. The library is located at llos/blog/. There are 113 components available. A developer must copy from these components. Creating new HTML for blog pages wastes many hours. This rule has been broken many times.

A developer needs to add a new section to a blog post. The developer checks the component library. The developer finds a suitable component for the section. The developer copies and adapts this component. The developer does not write new HTML from scratch. If the developer wrote new HTML, it would take much longer to finish the task.

Words you'll need

Resolved from this lesson's own record — real definitions, not invented for this page.

Design Patterns

Reusable solutions to common problems in design

System Integration

Making AI work with your other tools and data

Developer Experience

How easy it is to build things with AI tools

Scalability

Growing without breaking or getting expensive

Questions people ask

More from the same record, pulled by shared topic — not written new for this page.

How can a developer build many similar web pages quickly and keep them consistent?

A developer uses a main template file. This template has a basic structure.

Why should a developer copy existing code instead of starting new code from scratch?

Starting with existing code saves time. Existing code has already been tested.

Why should a developer use one HTML file with CSS breakpoints instead of two separate files for desktop and mobile versions?

The difference between desktop and mobile views should be handled by CSS, not by having separate files. Desktop rules go inside `@media (min-width:901px)`.

How can a developer make sure a user sees the top of new content in a reusable panel or modal?

A developer should reset the scroll position of a reusable panel or modal. This action must happen before the panel or modal displays new content.