We're sorry but this page doesn't work properly without JavaScript enabled. Please enable it to continue.
Feedback

Composing Software: Spatial for the JAMstack generation

00:00

Formale Metadaten

Titel
Composing Software: Spatial for the JAMstack generation
Serientitel
Anzahl der Teile
351
Autor
Lizenz
CC-Namensnennung 3.0 Unported:
Sie dürfen das Werk bzw. den Inhalt zu jedem legalen Zweck nutzen, verändern und in unveränderter oder veränderter Form vervielfältigen, verbreiten und öffentlich zugänglich machen, sofern Sie den Namen des Autors/Rechteinhabers in der von ihm festgelegten Weise nennen.
Identifikatoren
Herausgeber
Erscheinungsjahr
Sprache
Produktionsjahr2022

Inhaltliche Metadaten

Fachgebiet
Genre
Abstract
In the words of Eric Elliot; All software development is composition: The act of breaking a complex problem down to smaller parts, and then composing those smaller solutions together to form your application. Inspired by Eric’s work we have begun to modularize all the things and combine your mapping libraries (Openlayers, Maplibre, et al.) with other open source libraries (Tabulator, ChartJS) for data visualizations. Having finally broken the shackles imposed on us by the restrictions of the Internet Explorer age we can finally facilitate Javascript (ES6+) to its functional best and deliver the applications we dream of. ESBuild has revolutionized the way we compile script, and dynamic imports which have long been touted as the future are finally available to us with a little help from Skypack. In addition to tried and tested server side rendering we now have powerful vanilla Web APIs to build application views on the fly and with little reflow, and repaint. This is a talk for the opinionated JS enthusiast.
Schlagwörter
202
Vorschaubild
1:16:05
226
242
DatenverarbeitungssystemSoftwareAuszeichnungsspracheOffene MengeIntegralMAPVolumenvisualisierungSoftwareentwicklerMultiplikationsoperatorRechter WinkelBitClientFunktionalProgrammbibliothekFramework <Informatik>BrowserSichtenkonzeptMapping <Computergraphik>QuaderExpertensystemMultiplikationProxy ServerDebuggingFront-End <Software>BenutzeroberflächeGruppenoperationObjekt <Kategorie>PunktwolkeCodeBildgebendes VerfahrenKontextbezogenes SystemGeradeWurzel <Mathematik>Interaktives FernsehenBenutzerschnittstellenverwaltungssystemKategorie <Mathematik>Twitter <Softwareplattform>Metrisches SystemFaserbündelProzess <Informatik>SynchronisierungAuszeichnungsspracheInternetworkingOpen SourceVersionsverwaltungTabelleProjektive EbeneEreignishorizontSoftwareDynamisches SystemLesen <Datenverarbeitung>ComputersimulationMereologiesinc-FunktionWeb SitePlug inDickeComputeranimationXML
Transkript: Englisch(automatisch erzeugt)
Hi, my five minutes warning is up Four minutes. I'm not gonna lie at the first time when I got invited to do the lightning talk I was a little bit disappointed but it's actually can be a benefit because It's less time to worry about but you forget something because obviously I can't cover all that
I want to talk about in four minutes So I'm really great to be here. I'm Dennis. I work Geolytics, I'm an engineer and I work on the experts at map project, which is experts at is like a serverless cloud function node.js and Map is the library and I want to talk about
Front-end experience. So why are we here? we are close to releasing version 4 of the map library and the primary target for this is Developer experience and integration in the open source community
Jamstack I Have to admit it's a bit of a clickbait topic. It basically just means JavaScript API markup it's it happens in the client in the browser and I promised there will be vanilla JavaScript and German or JavaScript because I
Made a transition from Python to JavaScript a couple of years ago and absolutely love it because as a full stack developer it allows me to work node.js in the back end as well as in the front end and I'm firmly believing and no no code and No frameworks, but that being said I know a lot of you love frameworks and that's the idea
You can bring your own framework if you have one You can just import it. So What's great about JavaScript? Well, first of all, as you can see in the browser support metrics from MDN which I pulled last night because
When I looked at the same metrics two days ago Internet Explorer was still included and MDN changed that two days ago because No more Internet Explorer we at geolitics and on my project, I never supported Internet Explorer and
Mainly because I really loved the new features first introduced an es6 and later in years 2020 There's some really cool stuff so I said software composition so with composition, I mean Read Eric earlier does too much to go into detail right here
But there's really cool stuff such as function composition and it's a one-liner You don't need a framework like ronda or like lodash You Can just do it in the browser straightaway other really cool stuff is proxies proxy objects it helped us a lot when we separated the user interface and
The library which handles the map view the open layers map view But it mainly means before we work with events and what we only had available where events on the map view Open layers map target or On the document now, it's not very good to listen to events on
on the document and So we changed to proxy objects, which became available Which means if you import a library and you already have an object or already in proxy You can just add methods to the getter the setter the delete property
And it works really great. And the other thing is dynamic imports So dynamic imports allows us to ship a really small bundle. It's about 50 kilowatt More or less and you can import any other library which you might need So for example, some of our clients require turf so they can just import turf when it's needed
Other libraries which we like and use is tabulator or chart.js and the same with open layers Open layers render has improved massively, but we know there are other libraries such as Mapbox GL, Map Libre GL or even Google Maps
Which we use for the base map Obviously, we also completely love map Tyler for our base maps and my t-shirt size is a medium to large And I would prefer the green one But since I'm aware that the time's running out so I just show you an image how it looks like so
here we We plug into the Open layers draw interaction. And so what we wanted to do the open layers draw interaction is a synchronous process and Sorry, we're drawing a line and we importing the map box and the here routing API and as you draw the line
for roots walking and Car is all coming on straight away that can be put in a plug-in which we did for our clients commonplace and You can have all the functionality and styling and it all happens in the browser
What since my time is already up I have a much much longer article about this and the best way to follow this is my Twitter handle D bosses Obviously, please check our website geolitics.com and our geolitics Twitter handle please star our project the XYZ project where map library is part of it and
simulator for an in-depth talk and Please come to phosphor G UK 2022 which is happening on the 17th November in multiple places in the UK. I will be either in the London or Leeds Thank you, Dennis. We are moving to James without any questions