Rethinking Component Libraries
1 like31 views
The document by Joe Karasek presents a history and evolution of component libraries, discussing concepts like atomic design and the rise of static site generators. It explores various limitations of traditional approaches and introduces on-demand rendering for improved flexibility in data handling and demonstration. The document also provides resources and links for further exploration of the subject matter.
Rethinking Component Libraries
- 1. Rethinking Component Libraries Joe Karasek, Developer
- 2. Chapter 0) A Brief History of Component Libraries
- 4. Sites were built around Styleguides
- 8. What does this look like in code?
- 9. Chapter 1) Reign of Static Site Generators
- 10. How does Pa!ern Lab work?
- 11. How does Pa!ern Lab work?
- 12. How does Pa!ern Lab work?
- 16. And On...
- 17. And On...
- 18. Limitations of PL — Demo Data
- 19. Limitations of PL — Demo Data — No Documentation of Data Structure
- 20. Limitations of PL — Demo Data — No Documentation of Data Structure — Compile time
- 21. Limitations of PL — Demo Data — No Documentation of Data Structure — Compile time — Systems silo
- 22. Limitations of PL — Demo Data — No Documentation of Data Structure — Compile time — Systems silo — Hard for none-devs to contribute
- 23. Chapter 2) Static Sites Services
- 26. On Demand Rendering (Old Way) — Compile all of PL to see changes — Write a new file to see a new example
- 27. On Demand Rendering — Compile all of PL to see changes — Write a new file to see a new example 1 Data Chunk + 1 Template => 1 Request => 1 Response
- 29. Defining Data Structure (Old Way) — Data structure inferred from Demos
- 30. Defining Data Structure — Data structure inferred from Demos — Data structure is defined
- 32. Defining Data Structure — Data contract — Automated demos — Automated docs about data — Validation — IDE support — Ground Work for API
- 33. Structural Data through GraphQL
- 36. A brief tour...
- 37. Visit Knapsack/Bedrock to Learn More https://basalt.io/ https://github.com/basaltinc https://github.com/basaltinc/bedrock