Frontend Architecture for Design Systems by Micah Godbolt

Frontend Architecture for Design Systems by Micah Godbolt

Author:Micah Godbolt [Micah Godbolt]
Language: eng
Format: epub
Tags: Networking
Publisher: O'Reilly Media, Inc.
Published: 2016-02-09T22:00:00+00:00

Conquering the Last Mile

Our problem was that Drupal had a very opinionated rendering engine, and it was very difficult to prototype the markup that Drupal would render without actually running Drupal itself. So we decided to upend the Drupal rendering pipeline and insert our own solution. We wanted a solution that could be shared between our prototyping tool, Drupal, WordPress, or any other platform that wanted to use our design system. We started with the Twig templating language, as it was mature and robust, and had both PHP and Node compiling engines.

Now that we had a universal rendering engine that allowed us to use the same template files in our prototyping tool as we did in production, we never again had to worry about translating our templates from one system to another. Once we created a pattern in our style guide, we could document the data set required to produce that design, and pass that off to our backend developers to implement. In a way, we had created a design system API, or a theme as a service, where our users had a simple, defined interface that accepted data input and returned identical HTML regardless of the platform.


Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.
Popular ebooks
Deep Learning with Python by Fran├žois Chollet(10988)
Hello! Python by Anthony Briggs(8647)
The Mikado Method by Ola Ellnestam Daniel Brolund(8567)
Dependency Injection in .NET by Mark Seemann(8205)
Sass and Compass in Action by Wynn Netherland Nathan Weizenbaum Chris Eppstein Brandon Mathis(6893)
The Well-Grounded Java Developer by Benjamin J. Evans Martijn Verburg(6385)
Secrets of the JavaScript Ninja by John Resig & Bear Bibeault(5831)
Secrets of the JavaScript Ninja by John Resig Bear Bibeault(5212)
Jquery UI in Action : Master the concepts Of Jquery UI: A Step By Step Approach by ANMOL GOYAL(5055)
Kotlin in Action by Dmitry Jemerov(3998)
Audition by Ryu Murakami(3548)
Functional Programming in JavaScript by Mantyla Dan(3466)
Learning React: Functional Web Development with React and Redux by Banks Alex & Porcello Eve(2524)
Architecting Modern Java EE Applications: Designing lightweight, business-oriented enterprise applications in the age of cloud, containers, and Java EE 8 by Daschner Sebastian(2108)
React Native - Building Mobile Apps with JavaScript by Novick Vladimir(2068)
PHP 7 Data Structures and Algorithms by Mizanur Rahman(1936)
Writing for the Web: Creating Compelling Web Content Using Words, Pictures and Sound (Eva Spring's Library) by Lynda Felder(1911)
SEO 2018: Learn search engine optimization with smart internet marketing strategies by Adam Clarke(1849)
Rapid Viz: A New Method for the Rapid Visualization of Ideas by Kurt Hanks & Larry Belliston(1783)
JavaScript by Example by S Dani Akash(1772)