Gnarly Learnings from December 2023

Royce Threadgill - Jan 11 - - Dev Community

At The Gnar, we’re always reading, watching, and listening in order to keep our skills sharp and our perspectives fresh. Every month, we round up our learnings and publish them in a Gnarly Learnings blog post.

In December 2023, we learned about AI applications in finance roles, strategies for top converting landing pages, and Static Hermes. We also pondered how the combination of Rails and Hotwire can be used to replace some of the functionality previously provided only by React.

Business Applications of AI

McKinsey recently published a brief generative AI guide for CFOs on how and where to integrate gen AI solutions into finance roles.

The writers posit that generative AI can help automate tedious tasks, augment productivity, and accelerate data extraction, potentially increasing the velocity of innovation.

Gen AI can be an important tool for value creation. CFOs should strive to be gen AI enablers, not gatekeepers, and make sure that strategically critical initiatives rapidly and continually receive necessary resources.

Meg McFarlane recently published a Think With Google article discussing the benefits of AI-based advertising strategies.

In a single case study, they found a 36% increase in unique reach, 45% drop in cost, and 30% higher average impression frequency per user by switching YouTube ad strategy to lean more heavily on Google’s AI ad optimization.

Where in the past we’d have to do a lot of guesswork to determine the ideal rotation between in-stream and bumper ads, we now let the Google AI decide how often each ad was shown and to whom.

Ecommerce Web Design

In a February 2023 podcast, Logan Grasby discusses the design of top converting landing pages. He goes into detail about the anatomy of a landing page, discussing the purpose of each section and tips for improving marketing performance.

You can find a summarization of his key points starting around 25:30 in the podcast.

Russ Maschmeyer, product lead for spatial commerce at Shopify, discusses a suite of AI tools called Shopify Magic in a recent episode of Practical AI. The tools can help you with a variety of tasks, from generating product descriptions to generating product imagery.

Design

In December of 2023, we came across two sites – Addifico and ai-chat – that present their business and value proposition with eye-catching, interactive websites.

AI-Chat Screenshots

Addifico Screenshots

Mobile App Development

Hermes, the JavaScript engine built and maintained by Meta, is already fine-tuned for running fast React Native applications. But in the presentation “Static Hermes: The Next Generation of Hermes”, Tzvetan Mikov explains how JavaScript can be compiled to achieve huge leaps in performance.

[15:00] When we started compiling it to native initially, it was the same performance as Hermes…but now as you can see, it is 10x faster when compiled natively…plus we’re certain that there is more headroom. We can probably get to 20x times faster than Hermes.

Tzvetan reports 10x faster performance over traditional Hermes in one benchmark.

He also emphasizes that native compilation unlocks “the possibility of very efficient native platform integration”, estimating that call overhead could be between 15x and 18x lower than JSI when calling a native function. This “zero-cost FFI” ultimately opens up the possibility to implement platform integrations “entirely in JavaScript” with “practically no cost, just as if we were a C program”.

Screenshot from Static Hermes: The Next Generation of Hermes

If you’re interested in learning more about Static Hermes, Tzvetan created a blog post discussing how to speed up a micro-benchmark by 300x using Static Hermes.

Gaurav Gautam also wrote a blog post about compiling TypeScript to native code, which Tzvetan discussed in a GitHub thread. That same GitHub thread yielded this remarkable result from the bunnymark benchmark:

Runtime FPS CPU GPU Memory
C 90 68% 84% 48 MB
Static Hermes 90 70% 84% 53 MB

Tech Insights

The tech world evolves incredibly fast, so it’s important to stay on top of new strategies for building applications.

It’s our belief that the Hotwire family of products, including the well-known Turbo and Stimulus, provide a compelling alternative to React for many types of applications.

Learn more by reading our blog post, “Ruby on Rails vs. React: Hotwire + Turbo Change the Equation”.

Gnarly Bytes

  • GraphQL: This OWASP Cheat Sheet for GraphQL is a great summary of best practices
  • Elixir: Notesclub is a collection of Elixir Livebooks
  • Artificial intelligence: Ollama provides a bunch of AI models you can run locally; Fly.io also created a blog post discussing how to run Ollama models on Fly
  • Ruby: Ruby on Jets is an interesting Ruby serverless framework for building and deploying APIs to AWS lambda
  • Libraries: We discovered Spotlight, a library pitched as “Sentry for Development” (the library is created by Sentry), aims to provide a rich debugging experience during development

Contributors:

Learn more about how The Gnar builds software.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .