elm https://events.apifirstcms.org/ en The Safest Headless Drupal 8 with Elm https://events.apifirstcms.org/sessions/presentation-six <span class="field field--name-title field--type-string field--label-hidden">The Safest Headless Drupal 8 with Elm</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">office</span></span> <span class="field field--name-created field--type-created field--label-hidden">Tue, 12/18/2018 - 20:44</span> <div class="field field--name-field-mt-ses-image field--type-image field--label-hidden field__items"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/large/public/2019-12/The%20Safest%20Headless%20Drupal8%20with%20Elm%20-%20YouTube.png?itok=hj9-vBsx" width="1110" height="600" alt="The Safest Headless Drupal 8 with Elm" title="Drupal 8 with Elm" typeof="foaf:Image" class="image-style-large" /> </div> </div> </div> </div> </div> <div class="clearfix text-formatted field field--name-field-mt-ses-body field--type-text-with-summary field--label-hidden field__item"><h3>Abstract</h3> <h4>The Safest Headless Drupal 8 with Elm</h4> <p>After several years with Elm in production, I can full heartedly say that Elm's tagline "A delightful language for reliable webapps", is correct.</p> <p> </p> <p>Elm is a language that compiles to JS, and has no run time exceptions.</p> <p>It's like Vue, React or Angular2, only completely different.</p> <p> </p> <p>If you are an avid user of the aforementioned libraries, this session is for you.</p> <p>Maybe it will affirm your decision to stick to those libraries, or maybe you'll get to see a different way of approaching front end development.</p> <p>An approach that has a friendly compiler helping you with an opinionated architecture.</p> <p>An approach that, for me at least, made front end more reliable and more predictable than the backend.</p> <p> </p> <p>Elm, as our front end tool, helps us deliver some really interesting projects such as a medical records webapp for</p> <p>an NGO operating in Rwanda;</p> <p>a graphic webapp for allowing teachers to run an online interactive classroom;</p> <p>a webapp for selling in auction millions of dollars worth of items.</p> <p> </p> <p>No Elm knowledge is needed - I plan to explain Elm basics and how to integrate with with Headless/ Hybrid Drupal.</p> <ul><li>Sample Code : <a href="https://github.com/Gizra-Presentations/drupalcamp-tokyo-2019">https://github.com/Gizra-Presentations/drupalcamp-tokyo-2019</a></li> <li>Presentation slide : <a href="https://gizra-presentations.github.io/drupalcamp-tokyo-2019/#/">https://gizra-presentations.github.io/drupalcamp-tokyo-2019/#/</a></li> </ul></div> <div class="field field--name-field-mt-ses-files field--type-file field--label-above"> <h4>Content</h4> <div class="field__items"> <div class="field__item"> <span class="file file--mime-application-pdf file--application-pdf"> <a href="/sites/default/files/2019-12/Gizra_1.pdf" type="application/pdf" title="Gizra_1.pdf">The Safest Headless Drupal 8 with Elm</a></span> </div> </div> </div> <div class="field field--name-field-mt-ses-video-url field--type-video-embed-field field--label-above"> <div class="field__label">Video URL</div> <div class="field__items"> <div class="field__item"><div class="video-embed-field-provider-youtube video-embed-field-responsive-video"><iframe width="854" height="480" frameborder="0" allowfullscreen="allowfullscreen" src="https://www.youtube.com/embed/lKCJuP-VXb8?autoplay=1&amp;start=0&amp;rel=0"></iframe> </div> </div> </div> </div> <div class="field field--name-field-mt-ses-speaker field--type-entity-reference field--label-hidden field--entity-reference-target-type-node clearfix field__items"> <div class="field__item"> <article data-history-node-id="203" role="article" about="/speakers/Amitai-Burstein" class="node node--type-speaker node--sticky node--view-mode-mt-speaker-node-teaser clearfix"> <div class="node__container"> <div class="node__main-content clearfix"> <header class="node__header"> </header> <div class="row content views-row"> <div class="order-lg-2 col-lg-6"> <div class="photo-container"> <div class="images-container clearfix"> <div class="image-preview clearfix"> <div class="image-wrapper clearfix"> <div class="field field--name-field-mtt-spk-speaker-photo field--type-image field--label-hidden field__item"> <div class="overlay-container"> <span class="overlay overlay--colored"> <a class="overlay-target-link image-popup" href="/speakers/Amitai-Burstein"></a> </span> <img loading="lazy" src="/sites/default/files/styles/mt_member_photo/public/2019-11/125707%20%281%29.jpg?itok=zoWnW3wk" width="1300" height="1300" alt="Amitai Burstein" typeof="foaf:Image" class="image-style-mt-member-photo" /> </div> </div> </div> </div> </div> </div> </div> <div class="order-lg-1 col-lg-6"> <header class="node__header"> <h5 class="mt-0 mb-0"> <a href="/speakers/Amitai-Burstein" rel="bookmark"><span class="field field--name-title field--type-string field--label-hidden">Amitai Burstein</span> </a> </h5> </header> <div class="field field--name-field-mt-spk-subtitle field--type-string field--label-hidden field__item">Amitai Burstein</div> <div class="clearfix text-formatted field field--name-field-mt-spk-body field--type-text-with-summary field--label-hidden field__item"><p> </p> <p><a href="https://github.com/amitaibu">https://github.com/amitaibu</a></p> <p> </p> <p>at <a href="https://www.drupal.org/u/amitaibu" rel="nofollow">Drupal.org</a> co-founder <a href="https://www.gizra.com/" rel="nofollow">gizra</a></p> <p> </p> <p> </p> </div> <ul class="icons-list icons-list--bordered"> <li> <a target="_blank" href="https://twitter.com/amitaibu"> <i class="fab fa-twitter"></i><span class="sr-only">twitter</span> </a> </li> </ul> </div> </div> </div> </div> </article> </div> </div> Tue, 18 Dec 2018 11:44:34 +0000 office 163 at https://events.apifirstcms.org