email-gen-kt/2021-11-30-tipsrundan-46.html at master · londogard/email-gen-kt · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<table border="0" cellspacing="0" width="100%">
<tr>
<td></td>
<td width="800"><html>
  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
  <body style="background: #fff;color: #000;font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif;line-height: 150%;margin: 0 auto;overflow-x: hidden;padding: 0.5rem 0.25rem;max-width: 800px;">
    <div class="section" style="width: 100%;justify-content: center;">
      <div class="header" style="margin: 0 auto;max-width: 800px;padding: 0.5rem 0.25rem;width: 100%;text-align: center;color: #edf2f4;background-color: #2b2d42;padding-top: 0;">
        <p style="margin: 0.75rem 0;padding: 0;color: #8d99ae;">2021-11-30 - Issue #46 - <a href="https://buitsyd.com/" style="color: #920de9;font-weight: bold;text-decoration: none;">Blog ✍️</a></p>
        <h1 style="margin: 0;text-align: center;line-height: 150%;"> Tipsrundan</h1>
        <p style="margin: 0.75rem 0;padding: 0;color: #8d99ae;">Your biweekly newsletter of 'Tips' from <b>AFRY IT South</b> with ❤️ <br><small style="color: #999;">(🗳️ Tipsboxen (<a href="mailto:it.south.competence@afconsult.com?subject=Tipsbox&amp;body=Title%0D%0ASummary%0D%0ALink" style="color: #920de9;font-weight: bold;text-decoration: none;">Email</a>, <a href="https://github.com/afry-south/afry-south.github.io/issues/1" target="_blank" style="color: #920de9;font-weight: bold;text-decoration: none;">GitHub</a> &amp; <a href="https://buitsouth.slack.com/archives/CPK80KX0W" target="_blank" style="color: #920de9;font-weight: bold;text-decoration: none;">Slack</a>) - All tips are appreciated! 🙏)</small></p>
      </div>
    </div>
    <div class="section" style="width: 100%;justify-content: center;">
      <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
        <p style="text-align: center;width: 75%;margin: 0.75rem auto;padding: 0;">👋<i> Welcome to Tipsrundan! <br>For today we've a variety of goodies 🍬 Did you know that React 18 (!) is in beta? Or did you miss the very expensive ML-related failure that's Zillow? Read today's issue for this and much more! 🥳</i></p>
<a href="https://buitsyd.com/tipsrundan/46" style="margin: 0.5rem auto;color: #920de9;font-weight: bold;text-decoration: none;"><button style="border-radius: 5px;font-size: medium;display: block;font-weight: bold;margin: 0.5rem auto;padding: 1rem 2rem;background-color: #2b2d42;border: 2px solid #d99ae;color: #fff;">Take me to pretty version!</button></a></div>
    </div>
    <hr style="background-color: #e9e9e9;border: none;height: 1.5px;width: 50%;margin: 0.5rem auto;">
    <main style="margin: 0 auto;max-width: 800px;padding: 0.5rem 0.25rem;">
      <hr style="background-color: #e9e9e9;border: none;height: 1.5px;width: 50%;margin: 0.5rem auto;">
      <h1 style="margin: 0;text-align: center;line-height: 150%;">Godisboxen 🍭</h1>
      <div class="section" style="width: 100%;justify-content: center;">
        <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
          <h3 style="margin: 0;text-align: center;line-height: 150%;">🎒 GraalVM tips n' tricks</h3>
<p style="margin: 0.75rem 0;padding: 0;">James Ward shows some cool tricks for optimizing GraalVM.<br>
For those that don't know what GraalVM is.</p><blockquote style="display: block;font-style: italic;line-height: 150%;max-width: 460px;text-align: center;"><p style="margin: 0.75rem 0;padding: 0;">GraalVM is an optimizing compiler that generates smarter code. Including Ahead-of-Time (AoT) Compile to native binaries allow <strong>instant boot, peak performance</strong> with <strong>no warmup time</strong>.</p></blockquote><p style="margin: 0.75rem 0;padding: 0;">This guide includes clever flags to use, how to solve reflection issues (as reflection is <em>runtime</em>).<br>
James ended up with a small &amp; fast image to use in production based on these premises! 🥳</p><a href="https://jamesward.com/2020/05/07/graalvm-native-image-tips-tricks/" target="blank" style="width: 100%;color: #920de9;font-weight: bold;text-decoration: none;"><small style="color: #999;">jamesward.com↗</small></a>
          <hr style="width: 10%;background-color: #e9e9e9;border: none;height: 1.5px;margin: 0.5rem auto;">
        </div>
        <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
          <h3 style="margin: 0;text-align: center;line-height: 150%;">📈 Zillow to stop flipping home as it stands to lose &gt; $550 million (Machine Learning failure)</h3>
<p style="margin: 0.75rem 0;padding: 0;">For those that missed this news I'll give you a few seconds to laugh or smug.<br>
One of the first public huge failures of a machine learning algorithm. In summary they are set to loose up towards $550 million and have to lay off 25% of the staff.<br>
Predicting house prices 6 months in advance is a really tough problem which requires non-automatic system, which most likely was applied by Zillow. Trusting yourself too much, especially in times as covid, might hit back. Real hard.</p><a href="https://www.nytimes.com/2021/11/02/business/zillow-q3-earnings-home-flipping-ibuying.html" target="blank" style="width: 100%;color: #920de9;font-weight: bold;text-decoration: none;"><small style="color: #999;">nytimes.com↗</small></a>
          <hr style="width: 10%;background-color: #e9e9e9;border: none;height: 1.5px;margin: 0.5rem auto;">
        </div>
        <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
          <h3 style="margin: 0;text-align: center;line-height: 150%;">🔀 1.1.1.1 - CloudFlares DNS now introduce Family</h3>
<p style="margin: 0.75rem 0;padding: 0;">1.1.1.1 is CloudFlares secure, fast &amp; privacy-first DNS resolver free for anyone to use.</p><blockquote style="display: block;font-style: italic;line-height: 150%;max-width: 460px;text-align: center;"><p style="margin: 0.75rem 0;padding: 0;">Introducing 1.1.1.1 for Families — the easiest way to add a layer of protection to your home network and protect it from malware and adult content. 1.1.1.1 for... includes the same strong privacy guarantees... we're providing it for free ...</p></blockquote><p style="margin: 0.75rem 0;padding: 0;">Awesome? Figure out how to set it up yourself at home!</p><a href="https://blog.cloudflare.com/introducing-1-1-1-1-for-families/" target="blank" style="width: 100%;color: #920de9;font-weight: bold;text-decoration: none;"><small style="color: #999;">blog.cloudflare.com↗</small></a>
          <hr style="width: 10%;background-color: #e9e9e9;border: none;height: 1.5px;margin: 0.5rem auto;">
        </div>
        <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
          <h3 style="margin: 0;text-align: center;line-height: 150%;">📱 React 18 in Beta!</h3>
<p style="margin: 0.75rem 0;padding: 0;">React 18 is finally entering beta-stage after being alpha for a while. One of the cooler hooks added is <code style="background-color: #118bee0b;border-radius: 5px;color: #000;display: inline-block;margin: 0 0.1rem;padding: 0rem 0.5rem;text-align: left;">useSyncExternalStore</code>. Another interesting feature is batching stuffs before rendering.<br>
<a href="https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html" style="color: #920de9;font-weight: bold;text-decoration: none;">List</a> of some features.</p><a href="https://github.com/reactwg/react-18/discussions/112" target="blank" style="width: 100%;color: #920de9;font-weight: bold;text-decoration: none;"><small style="color: #999;">github.com↗</small></a>
          <hr style="width: 10%;background-color: #e9e9e9;border: none;height: 1.5px;margin: 0.5rem auto;">
        </div>
        <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
          <h3 style="margin: 0;text-align: center;line-height: 150%;">🔀 CloudFlare Pages goes Full-Stack</h3>
<p style="margin: 0.75rem 0;padding: 0;">JAM-Stack to Full-stack. Essentially CloudFlare Pages now allows you to simply use their cloudworkers through adding files with functions in <code style="background-color: #118bee0b;border-radius: 5px;color: #000;display: inline-block;margin: 0 0.1rem;padding: 0rem 0.5rem;text-align: left;">./functions</code>, e.g.</p><pre style="white-space: normal;"><code class="language-js" style="background-color: #118bee0b;border-radius: 5px;color: #000;display: block;margin: 1rem 0;padding: 1rem;text-align: left;max-width: 800px;">// GET requests to /filename would return &quot;Hello, world!&quot;
export const onRequestGet = () =&gt; {
  return new Response(&quot;Hello, world!&quot;)
}
</code></pre><p style="margin: 0.75rem 0;padding: 0;">CloudFlare has a pretty cool free package, so for you all your private projects this is very exciting!</p><a href="https://blog.cloudflare.com/cloudflare-pages-goes-full-stack/" target="blank" style="width: 100%;color: #920de9;font-weight: bold;text-decoration: none;"><small style="color: #999;">blog.cloudflare.com↗</small></a>
          <hr style="width: 10%;background-color: #e9e9e9;border: none;height: 1.5px;margin: 0.5rem auto;">
        </div>
        <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
          <h3 style="margin: 0;text-align: center;line-height: 150%;">🔀 Story time: How I helped build a profitable MVP over a weekend</h3>
<p style="margin: 0.75rem 0;padding: 0;">I think this story is more telling than one would guess. It's about how you can take a step back, deliver something which really might not be up to your standards but does fit the bill and include simply the <strong>necessary</strong> logic and functionality.</p><a href="https://mzrn.sh/2021/11/14/how-i-helped-build-a-profitable-mvp-over-a-weekend" target="blank" style="width: 100%;color: #920de9;font-weight: bold;text-decoration: none;"><small style="color: #999;">mzrn.sh↗</small></a>
          <hr style="width: 10%;background-color: #e9e9e9;border: none;height: 1.5px;margin: 0.5rem auto;">
        </div>
        <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
          <h3 style="margin: 0;text-align: center;line-height: 150%;">🔀 Prettymaps - Rendering your map cool</h3>
<p style="margin: 0.75rem 0;padding: 0;">Did you know that it's now possible to simply draw your village, neighbourhood or whatever on a map in a very stylistic sense? <code style="background-color: #118bee0b;border-radius: 5px;color: #000;display: inline-block;margin: 0 0.1rem;padding: 0rem 0.5rem;text-align: left;">prettymaps</code> by marceloprates gives this functionality and it looks great! Perfect for a painting at home or some cool story-telling map.<br>
<img src="https://github.com/marceloprates/prettymaps/blob/main/prints/macao.png?raw=true" alt="macao" style="max-width: 100%;">
<img src="https://github.com/marceloprates/prettymaps/blob/main/prints/heerhugowaard.png?raw=true" alt="heerhugowaard" style="max-width: 100%;"></p><a href="https://github.com/marceloprates/prettymaps" target="blank" style="width: 100%;color: #920de9;font-weight: bold;text-decoration: none;"><small style="color: #999;">github.com↗</small></a>
          <hr style="width: 10%;background-color: #e9e9e9;border: none;height: 1.5px;margin: 0.5rem auto;">
        </div>
        <div class="aside" style="justify-content: center;text-align: start;padding: 0.5rem;">
          <h3 style="margin: 0;text-align: center;line-height: 150%;">🔀 LMGrep - For all you terminal freaks</h3>
<p style="margin: 0.75rem 0;padding: 0;">TL;DR</p><blockquote style="display: block;font-style: italic;line-height: 150%;max-width: 460px;text-align: center;"><p style="margin: 0.75rem 0;padding: 0;">What if <code style="background-color: #118bee0b;border-radius: 5px;color: #000;display: inline-block;margin: 0 0.1rem;padding: 0rem 0.5rem;text-align: left;">grep</code> supported the functionality of a proper search engine like <a href="https://www.elastic.co/elasticsearch/" style="color: #920de9;font-weight: bold;text-decoration: none;">Elasticsearch</a> without a need to install any servers or index the files before searching? <a href="https://github.com/dainiusjocas/lucene-grep" style="color: #920de9;font-weight: bold;text-decoration: none;"><code style="background-color: #118bee0b;border-radius: 5px;color: #000;display: inline-block;margin: 0 0.1rem;padding: 0rem 0.5rem;text-align: left;">lmgrep</code></a> aims to provide you just that. It is installed as just one executable file without any dependencies, provides a command-line interface, starts-up instantly, and works on macOS, Linux, and, yes, even Windows.</p><p style="margin: 0.75rem 0;padding: 0;">See the source code <a href="https://github.com/dainiusjocas/lucene-grep" style="color: #920de9;font-weight: bold;text-decoration: none;">here</a>.</p></blockquote><p style="margin: 0.75rem 0;padding: 0;">In short <code style="background-color: #118bee0b;border-radius: 5px;color: #000;display: inline-block;margin: 0 0.1rem;padding: 0rem 0.5rem;text-align: left;">lmgrep</code> includes fancy stuffs like stemming, tokenization and much more to reduce the need of using a lot of regexps while grepping. For full-text search <code style="background-color: #118bee0b;border-radius: 5px;color: #000;display: inline-block;margin: 0 0.1rem;padding: 0rem 0.5rem;text-align: left;">lmgrep</code> will most likely be very helpful for you!<br>
The blog is indeed very interesting and 100% worth the read!</p><a href="https://www.jocas.lt/blog/post/intro-to-lucene-grep/" target="blank" style="width: 100%;color: #920de9;font-weight: bold;text-decoration: none;"><small style="color: #999;">jocas.lt↗</small></a>
          <hr style="width: 10%;background-color: #e9e9e9;border: none;height: 1.5px;margin: 0.5rem auto;">
        </div>
      </div>
    </main>
    <div class="footer" style="margin: 0 auto;max-width: 800px;padding: 0.5rem 0.25rem;width: 100%;text-align: center;color: #edf2f4;background-color: #2b2d42;">
      <div class="section" style="width: 100%;justify-content: center;">
        <p style="margin: 0.75rem 0;padding: 0;color: #8d99ae;"><b style="color: #8d99ae;">Thank you for this time see you in two weeks</b><br>- Hampus Londögård @ IT South</p>
      </div>
    </div>
  </body>
</html>
</td>
<td></td>
</tr>
</table>