JS Nation

JSNation 2023

Nathan Marrs

Web Accessibility for Ninjas: A Practical Approach for Creating Accessible Web Applications

React Summit

React Summit 2023

How Grafana Uses React to Power the World of Observability

Beyond the Console: Navigating JavaScript With Observability

JSNation 2024

Llms Workshop: What They Are and How to Leverage Them

React Summit 2024

React Summit US

React Summit US 2024

LLMs: What They Are and How to Leverage Them?

JSNation US

JSNation US 2024

Join Nathan and Alexa in this hands-on session where you will first learn at a high level what large language models (LLMs) are and how they work. Then dive into an interactive coding exercise where you will implement LLM functionality into a basic example application. During this exercise you will get a feel for key skills for working with LLMs in your own applications such as prompt engineering and exposure to OpenAI's API. After this session you will have insights around what LLMs are and how they can practically be used to improve your own applications.

Join Nathan in this hands-on session where you will first learn at a high level what large language models (LLMs) are and how they work. Then dive into an interactive coding exercise where you will implement LLM functionality into a basic example application. During this exercise you will get a feel for key skills for working with LLMs in your own applications such as prompt engineering and exposure to OpenAI's API. After this session you will have insights around what LLMs are and how they can practically be used to improve your own applications. Table of contents: - Interactive demo implementing basic LLM powered features in a demo app- Discuss how to decide where to leverage LLMs in a product- Lessons learned around integrating with OpenAI / overview of OpenAI API- Best practices for prompt engineering- Common challenges specific to React (state management :D / good UX practices)

Embark on a journey beyond console logs! This session unveils the power of observability in the world of JavaScript, offering practical insights and real-world examples to supercharge your development workflow. From pinpointing elusive bugs to optimizing user experiences, discover the art of making your code transparent, traceable, and resilient. Elevate your JavaScript craftsmanship with the mastery of observability. JavaScript development is evolving, and so should your approach to understanding and optimizing code. This session arms you with the knowledge and tools needed to stay ahead in the ever-changing landscape of web development.

Why does Grafana use React for its frontend? How we leverage React’s features at Grafana What are some pain points we have ran into with using React at Grafana What are lessons learned from adopting React for the past 5+ years?