DPC2019: Managing a (component) zoo - DIY web component catalogues - Sebastian Schürmann
"Managing a (component) zoo - DIY web component catalogues by Sebastian Schürmann
Developing and shipping a web component seems simple at first, but modern frontend stacks come with their own set of challenges: A wide set of browsers implements relatively new specs and not everything is set in stone yet. If you set out to create and ship your own set of custom elements this eventually needs organization and strategies to deploy the code with documentation as easy as possible and continuously while adapting to changes in the underlying frameworks and your own set of features.
In this talk ....
We will make use of NPM to manage dependencies and publish our own elements while we automatically deploy documentation. API resources will be accessed with OpenAPI clients and can be updated via npm as well if the underlying API canges. Lerna.js will help us to keep the repository count small, speed up development and servers as a general access point for a ""one button install"" and ""one button build"". A component catalog provides ""End-User"" documentation to show the components in different contexts. Test Automation helps to keep these old and new browsers at check and keep an eye on a11y issues. Look at a set of self created templates that helps the components to be uniformly structured and dependencies fit your environment.
What you'll learn from this talk:
express API dependencies with open API use lerna to keep repo count small distribute component catalogs for the web i will provide an example repo how to use a release on npm in your favour (CDN included) heavy automation
run all CI locally
optimize CI for speed
test different browser versions changelogs for catalogs
general ithub automation
About Sebastian Schürmann
1999 - First web project
2005 - Professional Software Developer
2009 - Leading Teams
2014 - Coaching Software Development Teams
2019 - Software Developer mostly Distributed Systems, IOT and Serverless
This talk was given at the Dutch PHP Conference in 2019, organised and hosted by Ibuildings. Visit https://phpconference.nl or https://www.ibuildings.nl for more information."
