-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
17 changed files
with
599 additions
and
300 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| --- | ||
| layout: post | ||
| type: talks | ||
| title: "Lit it up" | ||
| date: 2024-05-14 10:00:00 -0400 | ||
| tags: [talks, speaker notes] | ||
| preview: '/assets/cover/lit-it-up.png' | ||
| --- | ||
|
|
||
| This is second part of my talk in September 2023 about the [Lit Framework](https://lit.dev). In my first talk ([Lit There Be Light](https://ilya.gorenburg.com/2023/09/12/lit-there-be-light)), I talked about the framework, its features, and areas where it can be used. In the new talk (Lit it up), I will share what we’ve learned using this framework in production for eight months, its pros, key takeaways, and things to consider. | ||
|
|
||
| ## Deck | ||
|
|
||
| {% include slideshare.html src="https://www.slideshare.net/slideshow/embed_code/key/NXaGpo7V1eA8ox?hostedIn=slideshare&page=upload" %} |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,231 @@ | ||
| <!doctype html> | ||
| <html lang="ru"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <meta http-equiv="imagetoolbar" content="false"> | ||
| <meta property="fb:admins" content="10216512212022413"> | ||
|
|
||
| <title> | ||
|
|
||
| Lit it up · Ilya Gorenburg | Frontend Developer. Behind the scenes | ||
|
|
||
| </title> | ||
|
|
||
| <meta property="og:url" content="https://ilya.gorenburg.com/2024/05/14/lit-it-up"> | ||
| <meta property="og:site_name" content="Ilya Gorenburg"> | ||
| <meta property="og:image:width" content="1920"> | ||
| <meta property="og:type" content="website"> | ||
| <meta property="twitter:site" content="@gorenburg"> | ||
| <meta property="twitter:site_name" content="Ilya Gorenburg"> | ||
| <meta property="twitter:card" content="summary_large_image"> | ||
|
|
||
|
|
||
| <meta property="og:image" content="/assets/cover/lit-it-up.png"> | ||
| <meta property="twitter:card" content="summary_large_image"> | ||
| <meta property="twitter:image" content="/assets/cover/lit-it-up.png"> | ||
| <meta name="image" content="/assets/cover/lit-it-up.png"> | ||
|
|
||
|
|
||
|
|
||
| <meta property="og:title" content="Lit it up · Ilya Gorenburg | Frontend Developer. Behind the scenes"> | ||
| <meta name="twitter:title" content="Lit it up · Ilya Gorenburg | Frontend Developer. Behind the scenes"> | ||
|
|
||
|
|
||
|
|
||
| <meta name="description" content="This is second part of my talk in September 2023 about the Lit Framework. In my first talk (Lit There Be Light), I talked about the framework, its features, and areas where it can be used. In the new talk (Lit it up), I will share what we’ve learned usi..."> | ||
| <meta property="og:description" content="This is second part of my talk in September 2023 about the Lit Framework. In my first talk (Lit There Be Light), I talked about the framework, its features, and areas where it can be used. In the new talk (Lit it up), I will share what we’ve learned usi..."> | ||
| <meta property="twitter:description" content="This is second part of my talk in September 2023 about the Lit Framework. In my first talk (Lit There Be Light), I talked about the framework, its features, and areas where it can be used. In the new talk (Lit it up), I will share what we’ve learned usi..."> | ||
|
|
||
|
|
||
| <link rel="shortcut icon" href="/assets/images/avatar.jpg"> | ||
| <link rel="apple-touch-icon" href="/assets/images/avatar.jpg"> | ||
|
|
||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Inter+Tight&family=Playfair+Display&display=swap" rel="stylesheet"> | ||
|
|
||
| <script src="https://kit.fontawesome.com/5296f1665a.js" crossorigin="anonymous"></script> | ||
|
|
||
| <link href="/assets/css/style.css" rel="stylesheet"> | ||
|
|
||
| </head> | ||
| <body id="body"> | ||
|
|
||
| <section class="wrapper"> | ||
| <header class="page-header"> | ||
| <section class="header-profile"> | ||
| <a href="/" class="header-logo"> | ||
| <img src="/assets/images/avatar.jpg" width="64" height="64" class="header-avatar" alt="Ilya Gorenburg"> | ||
| </a> | ||
| <div class="header-profile-inner"> | ||
| <a href="/" class="header-profile-link">Ilya Gorenburg</a> | ||
| <section class="header-description">Frontend Developer. Behind the scenes</section> | ||
| </div> | ||
| </section> | ||
| <nav> | ||
| <ul class="header-menu"> | ||
| <li> | ||
| <a href="/map/"><i class="fas fa-map-pin"></i><br>map</a> | ||
| </li> | ||
| <li> | ||
| <a href="/tag/photos"><i class="fas fa-camera"></i><br>photos</a> | ||
| </li> | ||
| <li> | ||
| <a href="/tag/code"><i class="fas fa-code"></i><br>code</a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
|
|
||
| </section> | ||
|
|
||
| <section class="posts"> | ||
| <article class="post post-talks"> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| <div class="wrapper"> | ||
|
|
||
|
|
||
|
|
||
| <div class="title text-center"> | ||
| <h1 class="h2">Lit it up</h1> | ||
| </div> | ||
|
|
||
| <header class="text-center"> | ||
| <date class="small" title="14/05/2024">14/05/2024</date> | ||
| <date class="large" title="14 May 2024">14 May 2024</date> | ||
| • | ||
|
|
||
| <a href="/tag/talks" class="header-tag">#talks</a> | ||
|
|
||
| <a href="/tag/speaker-notes" class="header-tag">#speaker notes</a> | ||
|
|
||
| </header> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| <p>This is second part of my talk in September 2023 about the <a href="https://lit.dev">Lit Framework</a>. In my first talk (<a href="https://ilya.gorenburg.com/2023/09/12/lit-there-be-light">Lit There Be Light</a>), I talked about the framework, its features, and areas where it can be used. In the new talk (Lit it up), I will share what we’ve learned using this framework in production for eight months, its pros, key takeaways, and things to consider.</p> | ||
|
|
||
| <h2 id="deck">Deck</h2> | ||
|
|
||
| <div class="post-iframe"> | ||
| <iframe src="https://www.slideshare.net/slideshow/embed_code/key/NXaGpo7V1eA8ox?hostedIn=slideshare&page=upload" width="600" height="450" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" frameborder="0"></iframe> | ||
| </div> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| </div> | ||
|
|
||
|
|
||
|
|
||
| </article> | ||
| </section> | ||
|
|
||
| <section class="wrapper"> | ||
| <section class="comments"> | ||
| <div id="fb-root"></div> | ||
| <script>(function(d, s, id) { | ||
| var js, fjs = d.getElementsByTagName(s)[0]; | ||
| if (d.getElementById(id)) return; | ||
| js = d.createElement(s); js.id = id; | ||
| js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2&appId=328823157943940&autoLogAppEvents=1'; | ||
| fjs.parentNode.insertBefore(js, fjs); | ||
| }(document, 'script', 'facebook-jssdk'));</script> | ||
| <div class="fb-comments" data-href="https://ilya.gorenburg.com/2024/05/14/lit-it-up" data-width="100%" data-numposts="10"></div> | ||
| </section> | ||
|
|
||
| <footer class="footer-page"> | ||
| <nav> | ||
| <ul class="footer-icons"> | ||
| <li> | ||
| <a href="https://t.me/gorenburg" target="_blank" class="fab fa-telegram"></a> | ||
| </li> | ||
| <li> | ||
| <a href="https://twitter.com/gorenburg" target="_blank" class="fab fa-twitter"></a> | ||
| </li> | ||
| <li> | ||
| <a href="https://facebook.com/ilya.gorenburg" target="_blank" class="fab fa-facebook"></a> | ||
| </li> | ||
| <li> | ||
| <a href="https://instagram.com/gorenburg" target="_blank" class="fab fa-instagram"></a> | ||
| </li> | ||
| <li> | ||
| <a href="https://linkedin.com/in/gorenburg" target="_blank" class="fab fa-linkedin"></a> | ||
| </li> | ||
| <li> | ||
| <a href="https://flickr.com/gorenburg" target="_blank" class="fab fa-flickr"></a> | ||
| </li> | ||
| <li> | ||
| <a href="https://500px.com/gorenburg" target="_blank" class="fab fa-500px"></a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| </footer> | ||
|
|
||
| <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> | ||
| <script src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script> | ||
| <script src="/assets/js/lightbox.min.js"></script> | ||
|
|
||
| <script> | ||
| $(document).ready(function() { | ||
| const observer = lozad() | ||
| observer.observe() | ||
| }) | ||
| </script> | ||
|
|
||
| <!-- Google tag (gtag.js) --> | ||
| <script async src="https://www.googletagmanager.com/gtag/js?id=G-VXP68Q71QJ"></script> | ||
| <script> | ||
| window.dataLayer = window.dataLayer || []; | ||
| function gtag(){dataLayer.push(arguments);} | ||
| gtag('js', new Date()); | ||
| gtag('config', 'G-VXP68Q71QJ'); | ||
| </script> | ||
|
|
||
| </section> | ||
|
|
||
| <script type="application/ld+json"> | ||
| { | ||
| "@context": "https://schema.org", | ||
| "@type": "NewsArticle", | ||
| "mainEntityOfPage": { | ||
| "@type": "WebPage", | ||
| "@id": "https://google.com/article" | ||
| }, | ||
| "headline": "Lit it up", | ||
|
|
||
| "image": [ | ||
| "/assets/cover/lit-it-up.png" | ||
| ], | ||
|
|
||
| "datePublished": "2024-05-14T10:00:00-04:00", | ||
| "dateModified": "2024-05-14T10:00:00-04:00", | ||
| "author": { | ||
| "@type": "Person", | ||
| "name": "Ilya Gorenburg" | ||
| } | ||
|
|
||
| , | ||
| "publisher": { | ||
| "@type": "Organization", | ||
| "name": "Ilya Gorenburg", | ||
| "logo": { | ||
| "@type": "ImageObject", | ||
| "url": "/assets/cover/lit-it-up.png" | ||
| } | ||
| } | ||
|
|
||
| } | ||
| </script> | ||
|
|
||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.